Ustawienia modułu - podstawowe informacje

Moduł PShowAddToCart pozwala na dodanie do Twojego szablonu nieinwazyjnych i przyjaznych dla użytkownika powiadomień potwierdzających dodanie produktu do koszyka.

Każde powiadomienie posiada swoją konfigurację. Możesz włączyć wszystkie powiadomienia na raz, ale zalecamy wykorzystać 1 wybraną metodę.

W ustawieniach modułu dostępne są 3 różne metody potwierdzenia dodania produktu do koszyka:

• Powiadomienie typu Toast - sekcja "Toast Confirmation"
• Powiadomienie w postaci panelu PopUp - sekcja "Interactive PopUp"
• Powiadomienie w buttonie - sekcja "Interactive Button"

Metody powiadomień

Toast Confirmation

Wyświetla małe powiadomienie w rogu strony z informacją o dodanym produkcie. Powiadomienie można zamknąć manualnie lub zamknie się automatycznie. Ustawienie wartości w polu "Time to hide toast (seconds)" spowoduje, że powiadomienie samo się zamknie po określonej ilości sekund. Klient może przejść do koszyka klikając w Toast

Interactive PopUp

Po dodaniu produktu do koszyka wysunie się panel z prawej strony sklepu. W panelu znajduje się lista produktów oraz podsumowanie koszyka. Klient może przejść bezpośrednio do swojego koszyka lub zamknąć panel.

Interactive Button

To nieinwazyjne powiadomienie polega na interaktywnych komunikatach pojawiających bezpośrednio na buttonie "Dodaj do koszyka". W ustawieniach modułu możesz wybrać kolor animowanych gifów, które pojawią się na buttonie.

W chwili dodania produktu do koszyka, na buttonie pojawią się kolejno następujące treści:

[ Dodaj do koszyka ] > [ (i) Dodawanie... ] > [ (i) Dodano ] > [ Dodaj do koszyka ]

Potwierdzenie dodania do koszyka trwa ok 1.5 sek. Po skończeniu animacji button jest gotowy do ponownego kliknięcia.

Modyfikowanie wyglądu i zawartości powiadomień

W ustawieniach modułu znajduje się podstawowa konfiguracja dla każdej metody powiadomienia - możesz zmienić kolory i podstawowe parametry.

Aby swobodnie zmodyfikować wygląd oraz zawartość wyświetlaną w powiadomieniach możesz edytować pliki.tpl i .css modułu. Zachęcamy, aby zmodyfikowaną strukturę utworzyć w plikach szablonu sklepu:

• Toast Confirmation
• Interactive PopUp
  • Strukturę pliku .tpl sekcji popup można zmodyfikować w pliku: views/templates/front/modal.tpl
• Interactive Button
  
  • Powyższe sekcje można zmodyfikować w pliku: views/js/front.js
  • Jeżeli chcemy zmienić ikonę wczytywania na inną, to należy zmodyfikować plik: views/templates/front/loader.tpl
• Wspólny plik CSS
  • Wspólny plik CSS znajduje się w pliku: views/css/front.css