[im3] ⭐ Metody płatności ⭐
Wyświetla poziomy pasek grafik / logotypów metod płatności w zaokrąglonym obramowaniu.
![Miniatura modułu: [im3] ⭐ Metody płatności ⭐](/crm/uploads/instructions/module-thumbnails/mod_21cb9cb56fffa6aa1a10/thumbnail-43648c48da.png)
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.
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
Kontener 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.
CSS ź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.