iModules — Szablon Tulio
[im3] ⭐ Metody płatności ⭐
Wyświetla poziomy pasek grafik / logotypów metod płatności w zaokrąglonym obramowaniu.
Do czego służy moduł?
Moduł Metody płatności wyświetla poziomy pasek grafik, np. logotypów dostępnych form płatności. Każdy element dodajesz w repeaterze jako osobną pozycję.

Jak skonfigurować moduł?
W sekcji Lista płatności dodaj pozycję dla każdej metody.
Wpisz Nazwę obrazka — zostanie użyta jako ALT i TITLE grafiki.
W polu grafika wgraj właściwy logotyp.
Powtórz dla kolejnych metod płatności. Moduł obsługuje maksymalnie 10 pozycji.

Konfiguracja modułu
Poniższy konfigurator odwzorowuje źródłowy repeater i ma od razu wypełnione syntetyczne dane testowe, żeby można było zobaczyć działanie modułu bez przygotowywania własnych grafik.

Interaktywny podgląd
Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki.
Dobre praktyki
Używaj logotypów o podobnej wysokości i proporcjach.
Nie dodawaj dużych zdjęć produktowych — ten moduł jest przeznaczony do niewielkich grafik / znaków metod płatności.
Przy większej liczbie metod sprawdź wygląd także na telefonie, ponieważ źródłowy moduł nie definiuje osobnego mobilnego układu ani zawijania elementów.

Szczegóły techniczne
Układ źródłowyKontener modułu ma w źródle obramowanie 2 px dashed #EEEEEE, padding 15 px 30 px i promień 39 px. Elementy są ustawione przez flex z justify-content: space-between i odstępem 5 px.

Hover w aktualnym źródleCSS źródłowy definiuje powiększenie grafiki na hover dla selektora li, natomiast Twig renderuje elementy jako div.module-payments-item. Dlatego instrukcja nie symuluje efektu powiększenia, którego aktualny markup nie uruchamia.