Aplikacja pozwala na wygodne korzystanie z modułu Opcji przeglądania, standardowo niedostępnego w wersji mobilnej. Wprowadza ponadto możliwość ulepszenia standardowego modułu w wersji desktop.
Instrukcja dotyczy szablonów Shoper RWD. Wersja aplikacji dla szablonów Storefront pozostaje w fazie rozwoju.
Instalacja
Aby zainstalować aplikację, należy w panelu administracyjnym sklepu wybrać pozycję Dodatki i integracje > Moje aplikacje, następnie odszukać pozycję "Zaawansowane Filtry Mobile + Desktop”.
Po kliknięciu “Instaluj” i zaakceptowaniu zgód aplikacja powinna pojawić się w zakładce Dodatki i integracje > Moje aplikacje.
Moduł Opcji przeglądania
Aplikacja bazuje na standardowym module Opcji przeglądania, dostępnym z poziomu listy modułów w edycji aktywnego szablonu graficznego:
Uwaga: obecność standardowego modułu Opcji przeglądania w układzie listy produktów jest niezbędna do prawidłowego działania aplikacji.
Aplikacja jest nakładką na wspomniany moduł i bez niego nie jest w stanie samodzielnie wygenerować listy filtrów.
Konfiguracja - ustawienia ogólne
Aby uruchomić aplikację, należy przejść do zakładki Dodatki i integracje > Moje aplikacje > Zaawansowane Filtry Mobile + Desktop > Konfiguracja. Wówczas wyświetli się panel konfiguracyjny:
W panelu możesz zaznaczyć opcję włączenia modułu i wyłączyć go, jeśli zajdzie taka potrzeba.
Pod przełącznikiem aktywności aplikacji znajdziesz ogólne ustawienia dotyczące zarówno wersji desktop, jak i mobilnej. Ustawienia te pozwolą Ci wybrać kolory tła oraz czcionki modułu, rozmiar czcionki nagłówków (nazw) grup filtrów oraz samych filtrów.
Opcja "Linia rozdzielająca grupy filtrów" pozwala na włączenie i wybranie koloru oraz grubości separatora poszczególnych grup filtrów:
Dzięki opcji "Pokaż przyciski rozwijania/chowania dodatkowych filtrów" możesz zdecydować, czy chcesz, aby moduł wyświetlał domyślne przyciski "Więcej/mniej opcji" w poszczególnych grupach filtrów, które osiągnęły limit filtrów ustawiany z poziomu zakładki Ustawienia > Produkty > Filtry (opcje przeglądania):
Konfiguracja - desktop
Ta grupa ustawień pozwoli Ci skonfigurować moduł filtrów dla urządzeń o ekranie większym niż 767 pikseli.
Na samej górze grupy znajduje się przełącznik aktywności - jego wyłączenie spowoduje, że dla wersji desktop wyświetlany będzie standardowy moduł Opcji przeglądania.
Rozsuwane grupy filtrów
Włączenie tej opcji powoduje wyświetlanie grup filtrów w rozsuwanych zakładkach, co pozwala zaoszczędzić miejsce w przypadku rozbudowanego sklepu z dużą liczbą filtrów.
Rozsuwane grupy filtrów można skonfigurować osobno dla wersji desktopowej, jak i mobilnej.
Multiwybór filtrów
Dzięki włączeniu tej opcji Twoi klienci nie będą musieli już przeładowywać strony po każdym kliknięciu na filtr.
Multiwybór filtrów pozwala na wybór wielu filtrów na raz, z tylko jednym przeładowaniem strony po kliknięciu przycisku potwierdzenia filtrowania.
Możesz ponadto skonfigurować:
- Rozmiar i kolor czcionki przycisku potwierdzenia filtrowania
- Kolor tła przycisku potwierdzenia filtrowania
- Widoczność filtra podkategorii
Ze względów technicznych systemu Shoper multiwybór filtrów nie jest w stanie obsłużyć filtra podkategorii i z tego powodu jest on domyślnie ukryty.
Jeśli go włączysz, aplikacja ukryje jego ikony checkbox tak, aby Twoi klienci mogli odróżnić ten filtr od pozostałych, działających w trybie multiwyboru.
Multiwybór filtrów można skonfigurować osobno dla wersji desktopowej, jak i mobilnej.
Przycisk resetu filtrów
Dzięki temu mechanizmowi Twoi klienci będą mogli wyczyścić wszystkie wybrane filtry za pomocą jednego kliknięcia, zamiast odznaczać jeden filtr po drugim.
Podobnie jak w przypadku Multiwyboru filtrów, możesz dopasować kolor i rozmiar czcionki przycisku oraz kolor jego tła.
Przycisk resetu filtrów można skonfigurować osobno dla wersji desktopowej, jak i mobilnej.
Konfiguracja - mobile
Konfiguracja modułu filtrów dla urządzeń mobilnych pozwala Ci na osobne skonfigurowanie mechanizmów obecnych również w wersji desktop:
- Rozsuwanych grup filtrów
- Multiwyboru filtrów
- Przycisku resetu filtrów
Wersja mobilna oferuje także dodatkowe pole konfiguracyjne.
Typ widgetu
Ta opcja pozwala Ci zdecydować czy Twój moduł filtrów ma wyświetlać się jako:
- Lista rozsuwana przyciskiem nad listą produktów
- Lista rozsuwana przyciskiem w niestandardowym kontenerze
- Widget wysuwany z lewej/prawej strony ekranu
Wybranie opcji "Lista rozsuwana przyciskiem w niestandardowym kontenerze" spowoduje pojawienie się pola na selektor kontenera modułu (HTML ID), w którym ma być wygenerowany moduł filtrów.
Tutaj przeczytasz, jak dodać własny moduł.
Opcje widgetu wysuwanego z lewej/prawej strony pozwolą Ci wyświetlić moduł filtrów jako pływającą zakładkę przy bocznej krawędzi ekranu, dzięki której panel filtrów pozostanie zawsze pod ręką.
Dodatkowo możesz zdefiniować wymiary przycisku-zakładki oraz jego stałą odległość od górnej krawędzi ekranu.
Opcje sortowania
Standardowo w szablonach Shoper RWD opcje sortowania są ukryte dla urządzeń mobilnych.
Zaznaczenie opcji "Pokaż opcje sortowania" przywraca ich widoczność i, w zależności od wybranego typu widgetu, wyświetla je jako listę rozwijaną osobnym przyciskiem lub osobną grupę filtrów w zakładce widgetu.
W przypadku tej opcji również masz możliwość zdefiniowania rozmiaru i koloru czcionki opcji sortowania, jak i koloru tła przycisku rozwijającego listę opcji.
Tłumaczenia
Dzięki tej grupie opcji zdefiniujesz frazy językowe dla każdego języka sklepu z osobna.
Wystarczy, że w Panelu Administracyjnym wybierzesz inny język, wprowadzisz frazy w panelu aplikacji i zapiszesz zmiany.
Komentarze
Komentarze: 0
Zaloguj się, aby dodać komentarz.