Interaktywne banery, które kierują klientów prosto do zakupów

Moduł storefront umożliwia dodanie do strony interaktywnych banerów zdjęciowych z przyciskami prowadzącymi do: kategorii produktów, konkretnych produktów lub dowolnych innych linków. To szybki sposób na wyróżnienie promocji, nowości i najważniejszych sekcji sklepu.

Dlaczego warto?

• ✅ Większa klikalność — klienci szybciej przechodzą do konkretnych ofert.
• ✅ Nowoczesny wygląd — banery z animacjami i dopracowanymi przyciskami.
• ✅ Pełna kontrola — łatwe dopasowanie wysokości, przejść, typografii i odstępów.
• ✅ Lepsza prezentacja treści — idealne do promocji kategorii, produktów i landingów.

Jak to działa?

Dodajesz zdjęcia banerów oraz przypisujesz im linki. Moduł może wyświetlać elementy z animowanym przejściem, a przyciski CTA umieszczasz w wybranym miejscu na zdjęciu. Dodatkowo możesz włączyć efekt paralaksy, aby banery delikatnie pływał podczas przewijania strony.

Możliwości modułu

• ✨ Banery z linkami do kategorii, produktów lub dowolnych adresów URL.
• ✨ Płynne przejścia pomiędzy elementami (z możliwością wyłączenia efektu).
• ✨ Efekt fade z regulacją czasu animacji w milisekundach.
• ✨ Paralaksa zdjęć podczas scrollowania (opcjonalnie).
• ✨ Pełna personalizacja przycisków — pozycja, odstępy, font i padding.

Opcje konfiguracji

• ⚙️ Wysokość banera — ustaw stałą wysokość dopasowaną do zdjęć elementów.
• ⚙️ Czas trwania efektu fade — czas (ms) animacji przejścia pomiędzy elementami banera.
• ⚙️ Efekt przejścia — wybierz jeden z dostępnych efektów przejścia lub brak efektu.
• ⚙️ Efekt paralaksy — zdjęcia mogą delikatnie przewijać się wraz ze scrollowaniem strony.
• ⚙️ Pozycja przycisków — określ, gdzie na zdjęciach mają pojawić się przyciski.
• ⚙️ Odstęp przycisków od krawędzi — ustaw dystans przycisków od krawędzi banera.
• ⚙️ Zaokrąglenie rogów obrazu — stopień zaokrąglenia rogów zdjęcia (px).
• ⚙️ Rozmiar czcionki przycisków — wielkość tekstu w przyciskach.
• ⚙️ Grubość czcionki przycisków — stopień pogrubienia fontu w przyciskach.
• ⚙️ Padding pionowy przycisków — odstęp tekstu od góry i dołu przycisku.
• ⚙️ Padding poziomy przycisków — odstęp tekstu od lewej i prawej krawędzi przycisku.