iModules — Szablon COSMO
[im3] ⭐ Grafika na liście produktów ⭐
Grafika promocyjna wstawiana pomiędzy kafelki produktów, z własnym linkiem, ALT/TITLE i pozycją określaną numerem produktu.
Do czego służy moduł?
Moduł wstawia grafikę pomiędzy kafelki produktów na liście kategorii lub wyników produktów. Możesz wykorzystać ją jako baner promocyjny, odnośnik do kampanii albo wyróżnienie konkretnej akcji.

Jak go skonfigurować?
Włącz moduł.
Dodaj grafikę.
Ustaw link, który ma otwierać się po kliknięciu.
Wpisz nazwę zdjęcia — jest używana jako ALT i TITLE.
W polu Położenie wpisz numer produktu, za którym ma pojawić się grafika, np. 2 = za drugim produktem.

NajważniejszeGrafika nie zastępuje produktu. JS przenosi ją jako osobny element za wskazany kafelek.

Konfigurator i podgląd na żywo
Zmień ustawienia po lewej stronie. Po prawej od razu zobaczysz, gdzie grafika trafi na przykładowej liście produktów.

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.
Jak działa położenie?
WartośćEfekt
1Grafika za pierwszym produktem
2Grafika za drugim produktem
4Grafika za czwartym produktem
Liczba większa niż liczba produktówGrafika zostanie przesunięta za ostatni dostępny produkt
Szczegóły techniczne
Źródłowy Twig tworzy blok .im-imagelist i zapisuje pozycję jako moduleposition - 1. JS po zdarzeniu PageManager.loaded znajduje kafelki .product-tile, ogranicza indeks do zakresu aktualnej listy i przenosi grafikę bezpośrednio za wskazany produkt. Hover powiększa obraz do scale(1.05).