Wszystko, co warto wiedzieć, zanim zainstalujesz.
Szczegółowe spojrzenie na to, jak działa Przyciski +/- ilości na karcie produktu PrestaShop 8 i 9, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.
Dlaczego warto zastąpić natywne pole ilości?
Na karcie produktu PrestaShop wyświetla małe pole liczbowe, które klient musi wypełnić z klawiatury albo przez drobne, trudne do trafienia strzałki, szczególnie palcem na smartfonie. To punkt tarcia tuż przed dodaniem do koszyka. Prawdziwe przyciski + i −, duże i dobrze widoczne, sprawiają, że wybór ilości jest natychmiastowy i naturalny, na komputerze i na urządzeniach mobilnych.
Jak działa moduł
Moduł nie dotyka żadnego pliku motywu. Ładuje arkusz stylów i lekki skrypt wyłącznie na karcie produktu. Skrypt lokalizuje istniejące pole ilości, opakowuje je w grupę przycisków i dodaje + oraz −. To podejście przez wstrzyknięcie zapewnia zgodność z motywem Classic i motywami niestandardowymi oraz odporność na aktualizacje PrestaShop, ponieważ żaden szablon nie jest nadpisywany.
Przypadek motywu Classic i bootstrap-touchspin
Motyw Classic wzbogaca już pole ilości o bootstrap-touchspin, który dodaje dwie małe pionowe strzałki. Bez odpowiednich środków mielibyśmy te strzałki obok nowych przycisków. Moduł czysto neutralizuje strzałki touchspin wewnątrz własnej grupy, aby zachować tylko czytelne + i −, bez duplikatów i przesunięć układu.
Niezawodna synchronizacja z koszykiem
Zmiana ilości to nie wszystko: PrestaShop musi ją jeszcze uwzględnić. Przy każdym kliknięciu moduł stosuje nową wartość, a następnie wyzwala oczekiwane zdarzenia, zarówno natywne, jak i jQuery, dokładnie tak, jakby klient wpisał liczbę. Cena całkowita, warianty i przycisk dodania do koszyka reagują normalnie. Po zmianie wariantu, która przebudowuje blok ilości, przyciski są automatycznie wstrzykiwane ponownie.
Respektowanie stanu magazynowego i ograniczeń produktu
Przyciski nie inkrementują na ślepo: odczytują ilość minimalną, maksymalną i krok zdefiniowane na polu. Klient nie może zejść poniżej wymaganego minimum ani zamówić powyżej dostępnego stanu magazynowego, gdy jest on ograniczony. Zachowanie pozostaje spójne z regułami Twojego sklepu.
Personalizacja bez kodu
Na stronie konfiguracji modułu wybierasz styl przycisków (kwadratowy lub zaokrąglony), kolor tła i kolor ikon + i − oraz decydujesz, czy ukryć natywne strzałki pola liczbowego. Moduł wizualnie wpasowuje się w Twoją identyfikację, bez pisania choćby jednej linii kodu.
Na razie nie ma opinii o produkcie.