Tworzenie pierwszego filtra WooCommerce

Po instalacji wtyczki dodajmy filtr produktów do Twojego sklepu WooCommerce. Oto jak to zrobić:

Automatyczny filtr

• Od wersji 3.3.4/1.3.4 użyj shortcodu [woof_front_builder name=’My Filter’], aby umieścić filtr w widżecie tekstowym, części treści lub w dowolnym innym miejscu Twojego sklepu. W ten sposób składasz unikalny filtr bezpośrednio na froncie strony i ustawiasz jego opcje na miejscu.

• Jest to najszybszy sposób na ustawienie filtru dla produktów, a przy okazji zobaczysz go natychmiast na stronie sklepu po instalacji wtyczki
  
• Jeśli chcesz wyłączyć automatyczny filtr, przejdź do tab Options -> ‘Set filter automatically‘, wybierz tam ‘No‘, a następnie zapisz ustawienia. Możesz również ustawić ten filtr dla swoich klientów w niektórych przypadkach jako: Show only for mobile devices LUB Show only for desktop
  

Widget

• Przejdź do strony Widgety
• Wybierz pasek boczny, którego chcesz użyć
• Kliknij przycisk plusa
• Wpisz w polu wyszukiwania słowo kluczowe ‘husky‘
• Kliknij na znalezioną ikonę widżetu
  
• W razie potrzeby ustaw opcje w zainstalowanym widżecie:
  • Tytuł – ustaw tytuł filtru lub pozostaw go pustym
  • Dodatkowy tekst przed – dowolny tekst przed filtrem, jeśli to konieczne
  • Przekieruj do – link przekierowania dla Twojej specjalnej strony filtru, jeśli jest to konieczne ze względu na logikę biznesową Twojego sklepu
  • Ukryj domyślnie formularz wyszukiwania i zamiast tego pokaż jeden przycisk – jeśli masz duży filtr i nie chcesz go pokazywać swoim klientom (lub jeśli jest duży i spowalnia ładowanie strony), wybierz Yes dla tej opcji
  • Dynamiczne przeliczanie – jeśli włączone, podczas filtrowania użytkownik będzie widział przy elementach filtru aktualną liczbę produktów
  • Automatyczne przesyłanie – wybranie Yes powoduje natychmiastowe filtrowanie, gdy użytkownik zmieni jakikolwiek element filtru w formularzu wyszukiwania. Jeśli wybrano No – użytkownik musi nacisnąć przycisk Filtr
  • Pozycja przycisku filtrowania – gdzie pokazać przycisk resetowania filtru
  • Przerysowanie formularza przez AJAX – Przerysowuje formularz wyszukiwania przez AJAX, a do rozpoczęcia filtrowania należy nacisnąć przycisk “Filter”. Przydatne np. przy użyciu hierarchicznego menu rozwijanego
  • Tryb mobilny – Ukrywa widżet na urządzeniu mobilnym i pojawia się przycisk do pokazania filtru
• Kliknij przycisk Aktualizuj na stronie Widgety
• Gotowe!

Shortcode

Możesz użyć shortcodu [woof] w widżecie tekstowym lub w dowolnym miejscu na swojej stronie, gdzie jest to możliwe, zgodnie z możliwościami aktualnego motywu WordPress

Uwaga: pamiętaj, że na jednej stronie może znajdować się tylko jeden filtr