[im3] ⭐ Pasek nad nagłówkiem ⭐

Moduł wyświetla pasek informacyjny nad nagłówkiem sklepu. Możesz dodać od 1 do 10 komunikatów, opcjonalne ikony oraz linki. Gdy komunikatów jest więcej, źródłowy JavaScript przewija je pionowo w pętli.

1. Ustaw maksymalną szerokość, wysokość paska oraz wielkość i kolor tekstu.
2. Dopasuj wygląd odnośników — kolor tekstu, tło, hover, rozmiar i zaokrąglenie.
3. W sekcji Treść modułu dodaj kolejne elementy. Każdy może mieć własną treść WYSIWYG oraz ikonę.
4. Zapisz moduł i sprawdź, czy krótkie komunikaty dobrze mieszczą się także na telefonie.

Symulator poniżej odwzorowuje pola z aktualnego config.json oraz rzeczywisty markup Twig. Wszystkie pola są oznaczone jako LIVE, ponieważ wpływają na generowany output modułu.

• Slider przewija elementy pionowo i po ostatnim komunikacie wraca płynnie do pierwszego.
• Jeżeli wszystkie elementy mieszczą się w wysokości viewportu, JS nie uruchamia mechanizmu przewijania.
• Autoplay zatrzymuje się po najechaniu kursorem oraz gdy karta przeglądarki jest w tle.
• Źródłowy JS obsługuje także klawiaturę dla przycisków poprzedni/następny.