[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.
![Miniatura modułu: [im3] ⭐ Grafika na liście produktów ⭐](/crm/uploads/instructions/module-thumbnails/mod_14cc4970cf2b6c5c67cd/thumbnail-e1ce5ac731.png)
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.
Grafika 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.
Jak działa położenie?
| Wartość | Efekt |
|---|---|
| 1 | Grafika za pierwszym produktem |
| 2 | Grafika za drugim produktem |
| 4 | Grafika za czwartym produktem |
| Liczba większa niż liczba produktów | Grafika 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).