Wszystko, co warto wiedzieć, zanim zainstalujesz.
Szczegółowe spojrzenie na to, jak działa Moduł Karuzela Marek PrestaShop 8/9: Przewijane Logo, Siatka i Ściana Logo, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.
8 sposobów na pokazanie marek
Karuzela przewija 1 do 3 rzędów logo ze strzałkami, kropkami i opcjonalnym automatycznym przewijaniem. Ciągłe przewijanie przesuwa logo bez przerwy w 1 do 4 rzędach, z różnymi markami w każdym rzędzie i co drugim rzędem w przeciwnym kierunku, jak w sekcjach „Zaufali nam”. Przewijanie pionowe porusza kolumny logo w górę i w dół. Siatka, ściana logo z cienkimi liniami, rotująca ściana, etykiety i katalog A-Z obejmują pozostałe zastosowania, od kolumny bocznej po stronę ze wszystkimi markami.
Właściwe marki we właściwej kolejności
Blok może pokazywać wszystkie aktywne marki, wybór porządkowany przeciąganiem, marki z produktami w kategorii i jej podkategoriach albo marki aktualnie oglądanej kategorii: na stronie Buty pojawiają się tylko marki obuwia. Minimalna liczba produktów, domyślnie 1, pomija marki, których strona byłaby pusta. Sortowanie według nazwy, liczby produktów, sprzedaży w wybranym okresie, nowości lub losowo. Kolejność losowa jest ustalana w przeglądarce, więc cache całych stron działa nadal.
Czyste logo, także na kolorowym tle
PrestaShop zapisuje logo marek jako JPG na białym tle, co zostawia białe prostokąty na szarej karcie lub ciemnej sekcji. Zakładka Logo marek pozwala przesłać dla każdej marki przezroczystą wersję PNG, WebP lub SVG, używaną we wszystkich blokach. Pliki SVG ze skryptami, zdarzeniami lub linkami zewnętrznymi są odrzucane, a folder przesyłania jest chroniony. Na jasnych kartach opcja Usuń białe tła usuwa biel plików JPG bez żadnego przesyłania. Każda marka może też kierować na wybraną stronę zamiast na swoją stronę PrestaShop.
W dowolnym miejscu sklepu
Każdy blok wybiera hook spośród 14 typowych położeń lub hook display wpisany ręcznie, który jest rejestrowany automatycznie. Można go ograniczyć do wybranych typów stron i urządzeń. Dla precyzyjnego miejsca znacznik widget wyświetla konkretny blok w dowolnym szablonie, hook displayDfBrandCarousel wywołuje się z motywu, a shortcode [dfbrandcarousel id="3"] wstawia blok do strony CMS. Układy korzystają z container queries: w kolumnie bocznej blok przechodzi w wersję kompaktową bez dodatkowych ustawień.
Edytor z podglądem na żywo
Panel wyświetla listę bloków, które włączasz, duplikujesz i porządkujesz przeciąganiem. Edytor grupuje ustawienia w 5 zakładkach (Treść, Układ, Styl, Animacja, Wyświetlanie) i obok pokazuje podgląd odświeżany przy każdej zmianie, w szerokości komputera, tabletu lub telefonu. Tryby są przedstawione jako ilustrowane karty. Wskaźnik oznacza niezapisane zmiany, a Ctrl+S zapisuje bez opuszczania edytora. Zakładka Integracja podaje kody widget, hook i shortcode każdego bloku, gotowe do skopiowania.
Lekki i dostępny
Moduł nie używa jQuery, Swipera ani żadnej biblioteki ładowanej z CDN. Karuzela opiera się na natywnym przewijaniu przeglądarki, a ciągłe przewijanie na Web Animations API. CSS i JS są ładowane tylko na stronach, na których może pojawić się blok. Animacje zatrzymują się, gdy blok opuszcza ekran, przycisk pauzy spełnia kryterium WCAG 2.2.2, a odwiedzający, którzy wyłączyli animacje, widzą nieruchome logo, które mogą przewijać ręcznie. Kopie używane do zapętlenia przewijania są ukryte przed czytnikami ekranu i wyłączone z nawigacji klawiaturą.
Na razie nie ma opinii o produkcie.