Instrukcja›Szablon Tulio

[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 ⭐

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ł?

  1. W sekcji Lista płatności dodaj pozycję dla każdej metody.
  2. Wpisz Nazwę obrazka — zostanie użyta jako ALT i TITLE grafiki.
  3. W polu grafika wgraj właściwy logotyp.
  4. 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

Układ źródłowy

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.

Hover w aktualnym źródle

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.