Wszystko, co warto wiedzieć, zanim zainstalujesz.
Szczegółowe spojrzenie na to, jak działa Moduł Karuzela Produktów PrestaShop 8/9 — Slidery Bez Limitu, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.
Karty produktów, które wreszcie szanują Twój motyw
Większość modułów karuzeli dostarcza własny HTML karty produktu. Efekt: ceny ignorujące Twoje reguły wyświetlania, brakujące etykiety rabatowe, martwy przycisk szybkiego podglądu i styl, który rzuca się w oczy z niewłaściwych powodów. Product Carousel Pro renderuje każdy produkt przez szablon miniatury Twojego aktywnego motywu, zasilany przez ProductAssembler i ProductPresenter, wewnętrzne mechanizmy PrestaShop. To, co widzisz na stronie kategorii, dostajesz dokładnie w karuzeli: te same ceny, te same etykiety, ten sam szybki podgląd, to samo dodawanie do koszyka. Zmień jutro motyw, a karuzela podąży za nim bez jednej linijki kodu.
Sześć źródeł produktów, w tym wybór ręczny
Każda karuzela wybiera swoje źródło: bestsellery, nowości, bieżące promocje, produkty z kategorii wybranej w drzewie, kategoria strony głównej lub wybór ręczny. W tym ostatnim trybie wyszukiwanie autocomplete znajduje produkty po nazwie lub referencji, a proste przeciągnij i upuść ustala ich kolejność: front-office trzyma się jej co do joty. Ograniczasz liczbę produktów ładowanych na karuzelę, a produkty nieaktywne lub ukryte są filtrowane automatycznie.
Dowolna pozycja, w tym Twoje własne hooki
Sześć standardowych hooków pokrywa klasyczne miejsca: strona główna, góra i dół treści, przed stopką, dół karty produktu, koszyk. Ale prawdziwym atutem jest hook niestandardowy: wpisz nazwę w formularzu, moduł zarejestruje ją w locie, a Ty umieścisz {hook h='displayMojaKaruzela'} w dowolnym miejscu szablonów. Kilka karuzel może dzielić ten sam hook, posortowanych według pozycji. A składnia widget {widget name='dfproductcarousel' carousel=3} wskazuje konkretną karuzelę, przydatna na stronie CMS lub w szablonie szytym na miarę.
Dopracowany silnik przewijania, bez jQuery
Silnik napisany jest w czystym JavaScripcie: kolumny przeliczane na każdym progu responsywnym (wartości desktop, tablet i telefon, które wybrałeś), przewijanie po produkcie lub po całym rzędzie, płynna nieskończona pętla dzięki przezroczystemu klonowaniu krańców, autoplay z pauzą po najechaniu i przy ukrytej karcie przeglądarki, swipe dotykowy i myszką z ochroną przed przypadkowymi kliknięciami, nawigacja klawiaturą, obsługa RTL i poszanowanie prefers-reduced-motion. Blok CSS na instancję stosuje kolumny responsywne jeszcze przed załadowaniem skryptu: zero przesunięć layoutu przy pierwszym renderowaniu.
Pięć skórek i precyzyjne ustawienia, bez dotykania motywu
Skórka klasyczna zostawia karty produktów całkowicie nietknięte. Minimalna je spłaszcza, Karta unosi je cieniem i zaokrąglonymi rogami, Obrys delikatnie je obramowuje, a Ciemna sekcja kładzie karuzelę na ciemnym tle, które świetnie wygląda na stronie głównej. Dodaj wyrównanie tytułu, podtytuł, kolor akcentu (dziedziczony z motywu, jeśli go nie wybierzesz), odstęp między produktami, trzy style strzałek, dwa style paginacji i tryb pełnej szerokości: każda karuzela ma swój charakter, a motyw nigdy nie jest modyfikowany.
Na razie nie ma opinii o produkcie.