Jak sortować produkty WooCommerce

Zmiana kolejności produktów pozwala użytkownikom filtrować wyniki zgodnie z ich upodobaniami i jest doskonałym sposobem na poprawę widoczności produktów i konwersji. W tym artykule pokażemy Ci różne metody sortowania produktów WooCommerce .

Po co sortować produkty w WooCommerce?

W zależności od sklepu możesz mieć setki lub tysiące produktów. Jeśli tak jest, a nie masz dobrego systemu wyszukiwania, Twoim klientom może być trudno znaleźć pożądane produkty. Może to utrudnić im znalezienie tego, czego szukają, i wpłynąć na Twoje przychody.

Aby rozwiązać ten problem, możesz zaoferować wiele funkcji sortowania. Dodając opcje sortowania (lub poprawiając te domyślne), możesz poprawić ogólne wrażenia z zakupów w swoim sklepie. Na przykład możesz pozwolić swoim klientom szybko uzyskać wyniki na podstawie średniej sprzedaży, popularności produktów, a nawet cen produktów.

Posiadanie wielu opcji sortowania może pomóc kupującym szybciej i wydajniej znaleźć pożądany produkt . W rezultacie sortowanie produktów może być bardzo korzystne dla Twojego sklepu eCommerce.

Teraz, gdy lepiej rozumiemy, dlaczego możliwość zmiany kolejności produktów może przynieść korzyści Twojemu sklepowi, zobaczmy, jak zrobić to właściwie.

Jak sortować produkty WooCommerce

Istnieją trzy główne metody sortowania produktów WooCommerce:

1. Korzystanie z konfiguratora WordPress
2. Z wtyczką WordPress
3. Za pomocą fragmentu niestandardowego (automatycznie)

Przyjrzymy się wszystkim trzem metodom poniżej, abyś mógł znaleźć preferowany sposób wykonania zadania.

Zanim zaczniemy, upewnij się, że poprawnie skonfigurowałeś WooCommerce na swojej stronie internetowej, nie pomijając żadnych kroków. Zapewni to sprawne działanie wszystkich tych metod.

1) Sortuj produkty WooCommerce za pomocą narzędzia WordPress Customizer

Zmiana domyślnej opcji sortowania to jedna z najłatwiejszych rzeczy, które możesz zrobić, aby posortować produkty w WooCommerce. Możesz znaleźć tę opcję na stronie sklepu lub dowolnej stronie Twojego sklepu z katalogiem produktów.

Możesz edytować domyślne opcje, korzystając z dostosowywania WordPress zawartego w WooCommerce.

Przejdź do Wygląd > Dostosuj , aby otworzyć dostosowywanie motywu i wybierz opcję WooComemrce .

Następnie wybierz Katalog produktów , a zobaczysz domyślne opcje sortowania produktów WooCommerce dla strony sklepu.

Po kliknięciu pojawi się rozwijane menu z sześcioma domyślnymi opcjami sortowania produktów.

• Domyślna
• Popularność (sprzedaż)
• Średnia ocena
• Ostatni
• Cena (rosnąco)
• Cena (malejąco)

Wybierz domyślną opcję sortowania, która pasuje do Twojego sklepu, a po wybraniu odpowiedniej opcji opublikuj zapisane zmiany.

W ten sposób możesz zmodyfikować sortowanie produktów WooCommerce za pomocą pulpitu WordPress. Główną zaletą tej metody jest to, że nie wymaga żadnych wtyczek, wiedzy technicznej ani niestandardowych fragmentów.

Jednak są też pewne wady. Domyślna opcja sortowania jest minimalna i w niektórych przypadkach może być bardzo ograniczona. Więc jeśli chcesz więcej opcji, spójrz na następujące metody.

2) Sortuj produkty WooCommerce za pomocą wtyczki

Jeśli jesteś gotowy na użycie niektórych wtyczek WordPress do sortowania produktów WooCommerce, możesz sprawdzić Zmień rozmieszczenie produktów Woocommerce lub Dodatkowe opcje sortowania produktów WooCommerce. Obie są doskonałymi wtyczkami dla Ciebie i Twoich klientów do sortowania produktów w Twoim sklepie internetowym.

W tym samouczku użyjemy dodatkowych opcji sortowania produktów WooCommerce . Tak więc pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę w swojej witrynie WooCommerce.

Po aktywowaniu wtyczki możesz użyć dostosowania WordPress do jej dostosowania. Ponownie przejdź do Wygląd > Dostosuj z pulpitu WordPress i wybierz opcję WooCommerce , tak jak w poprzednim podejściu. Teraz wybierz sekcję Katalog produktów , a otrzymasz dodatkowe opcje sortowania.

Jak widać na zrzucie ekranu, dodatkowe opcje, które otrzymujesz, to:

• Edycja domyślnej etykiety sortowania
• Dodawanie nowego sortowania produktów
• Usuwanie istniejącego sortowania produktów

Domyślnie WooCommerce wyświetla etykietę „ Domyślne sortowanie” , gdy ktoś odwiedza archiwum Twojego sklepu. Ale dzięki tej wtyczce możesz zmienić jej nazwę z samego konfiguratora, jeśli zajdzie taka potrzeba.

Wystarczy wpisać w polu tekstowym nową domyślną etykietę sortowania , którą chcesz umieścić w katalogu produktów.

Będziesz mógł natychmiast zobaczyć podgląd po prawej stronie ekranu. Zmiany zostaną zastosowane w interfejsie po opublikowaniu zapisanych zmian.

Oprócz zmiany etykiety możesz również dodać lub usunąć opcje sortowania produktów.

Aby dodać opcje sortowania produktów, wystarczy zaznaczyć opcje sortowania, które chciałbyś udostępnić swoim klientom.

Po wybraniu opcji zostaną one automatycznie wyświetlone w podglądzie.

Podobnie jak w przypadku dodawania opcji sortowania produktów, możesz również usunąć istniejące. Może to być świetna funkcja dla Twojego sklepu internetowego, jeśli masz wiele dodatkowych, niepotrzebnych opcji sortowania. A w zależności od Twojej witryny i produktów, niektórzy klienci mogą być również przytłoczeni ogromną liczbą opcji sortowania.

Możesz łatwo usunąć te opcje sortowania za pomocą wtyczki. Aby je usunąć, po prostu zaznacz opcje, które chcesz usunąć ze swojej witryny.

Jeśli spojrzysz na podgląd, zobaczysz, że dodatkowe opcje sortowania są teraz wyświetlane w rozwijanym menu sortowania.

Ponownie, nie zapomnij opublikować go po wprowadzeniu wszystkich niezbędnych zmian.

Otóż ​​to! Możesz teraz użyć dedykowanej wtyczki WordPress do sortowania produktów WooCommerce.

3) Programowe sortowanie produktów WooCommerce

Jeśli potrzebujesz najbardziej zaawansowanej metody, podejście programistyczne może być dla Ciebie najlepszym rozwiązaniem. Możesz zmodyfikować opcję sortowania, umieszczając prosty fragment kodu PHP we wtyczce specyficznej dla witryny lub w pliku functions.php motywu.

W tym celu możesz użyć dedykowanej wtyczki, takiej jak Code Snippets, aby dodać niestandardowe kody do swojej witryny WooCommerce lub utworzyć motyw podrzędny. Jeśli potrzebujesz pomocy, możesz nawet użyć jednej z wtyczek motywów podrzędnych do WordPress, aby je utworzyć. Ale upewnij się, że wykonałeś kopię zapasową swojej witryny WordPress, zanim zaczniemy, ponieważ będziemy modyfikować niektóre podstawowe pliki Twojej witryny.

Jednak w tej demonstracji użyjemy fragmentów kodu. Więc najpierw zainstaluj i aktywuj tę wtyczkę w swojej witrynie.

Po aktywacji możesz zobaczyć ustawienia wtyczki po lewej stronie ekranu. Po prostu przejdź do Snippets > All Snippets z pulpitu WordPress.

Następnie kliknij Dodaj nowy , aby dodać nowy snippet do instalacji WooCommerce.

Teraz skopiuj poniższy kod i wklej go w polu fragmentu kodu. Nie zapomnij też nazwać fragmentu kodu, aby móc go zidentyfikować w przyszłych aktualizacjach.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

 function quadlayers_default_catalog_orderby( $sort_by ) {
 Data powrotu';
 } 

Jeśli spojrzysz na kod, dodaliśmy datę jako podstawową opcję sortowania. Ale zawsze możesz go zmodyfikować zgodnie z własnymi upodobaniami. Dostępne opcje to:

• menu_order – domyślny
• popularność – według sprzedaży
• ocena – według oceny klienta
• data – zgodnie z opublikowaną datą
• cena – cena od niskiej do wysokiej sortowania
• price-desc – cena od najwyższej do najniższej
• rand – za każdym razem losowe produkty

Na przykład, jeśli chcesz posortować produkty według oceny klienta, powinieneś zmodyfikować kod w następujący sposób:

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

 function quadlayers_default_catalog_orderby( $sort_by ) {
 zwróć „ocena”;
 }

Po zmodyfikowaniu kodu opublikuj fragment kodu. Teraz sprawdź stronę swojego sklepu, a domyślnie zobaczysz nową opcję sortowania. W tym przypadku jest sortowane według średniego sortowania, jak pokazano na poniższym zrzucie ekranu.

Ale zawsze możesz dostosować kod zgodnie ze swoimi wymaganiami.

Zmień kolejność produktów z listy produktów

Ustaliliśmy już, że możesz domyślnie sortować produkty WooCommerce z WordPress Customizer. Możesz jednak również ręcznie zmienić kolejność poszczególnych produktów za pomocą samej wtyczki WooCommerce. Produkty mogą być nawet sortowane w kolejności losowej jako domyślne sortowanie dla klientów.

A najlepsze jest to, że nie musisz nawet używać dodatkowych wtyczek ani niestandardowych kodów do zadania. Wszystko można uporządkować tylko z deski rozdzielczej.

Tak więc pierwszą rzeczą, którą musisz zrobić, to przejść do Produkty> Wszystkie produkty z pulpitu WordPress. Będziesz mógł to zobaczyć po lewej stronie ekranu.

Na następnej stronie możesz zobaczyć wszystkie opublikowane produkty. Jeśli przyjrzysz się bliżej tej stronie, zobaczysz również opcję o nazwie Sortowanie .

Jeśli wybierzesz tę opcję, zostaniesz przekierowany do kreatora sortowania produktów.

Domyślnie WooCommerce posortuje produkty według opublikowanej daty. Ale na tej stronie możesz łatwo zmienić kolejność za pomocą przeciągania i upuszczania.

Możesz łatwo przeciągać produkty i upuszczać je w żądanej pozycji, jak pokazano powyżej. Gdy to zrobisz, sprawdź stronę archiwum produktów z interfejsu użytkownika.

W ten sposób możesz ręcznie sortować produkty WooCommerce w dowolnej kolejności bez dodatkowych wtyczek lub kodów.

Zmień kolejność określonych produktów

Kiedy zastosujesz jakąś opcję sortowania globalnie w swojej instalacji WooCommerce, będzie to odzwierciedlać całą witrynę. Nie jest to jednak dobra opcja, jeśli musisz zmienić kolejność określonych produktów.

Załóżmy, że może być konieczne wyświetlenie niestandardowego produktu u góry archiwum lub strony sklepu . Następnie będziesz musiał poszukać innego podejścia do sortowania produktów WooCommerce. Na szczęście można to zrobić za pomocą edytora produktów w WooCommerce.

Pierwszą rzeczą, którą musisz zrobić, to otworzyć kreator edycji produktu. Jeszcze raz przejdź do Produkty > Wszystkie produkty z pulpitu WordPress i kliknij Edytuj dla produktu, który chcesz ponownie zamówić.

Następnie zostaniesz przekierowany na stronę edytora produktów. Tutaj przewiń w dół pod danymi produktu i kliknij kartę Zaawansowane .

WooCommerce domyślnie wybierze kolejność menu zgodnie z kolejką opublikowanych produktów. Tak więc, gdy opublikujesz swój 10. produkt w sklepie, kolejność menu będzie wynosić 10. Tak samo, po opublikowaniu 25. produktu, WooCommerce ustawi kolejność menu na 25.

Ale z zakładki Zaawansowane zawsze możesz ją zmodyfikować. I to właśnie zamierzamy zrobić, aby zmienić kolejność produktów.

Aby umieścić określony produkt na górze strony archiwum, użyj wartości 0 lub minus (-) . Na przykład możesz użyć 0 lub -1, aby przenieść produkt na pierwszą stronę. W tym demo ustawimy kolejność menu jako -1. Na koniec zaktualizuj produkt po zmodyfikowaniu wartości.

Następnie sprawdź swoją stronę archiwum z interfejsu.

Jak widać na powyższym zrzucie ekranu, szybko przenieśliśmy dany produkt na górę strony. Nawet jeśli użyjesz -2 na innym produkcie, zostanie on umieszczony na pierwszym miejscu.

Możesz również użyć do tego poprzedniej metody z list produktów. Ale jest to bardziej bezpośrednie podejście, ponieważ możemy umieścić produkt w bardziej konkretnej pozycji poprzez kolejność menu.

Sortuj produkty z określonej kategorii

Aby produkty były pod ręką i dostępne dla wszystkich, możesz również użyć kategorii do sortowania produktów WooCommerce. Za pomocą prostego fragmentu możesz dodać niestandardową funkcję sortowania do archiwum kategorii. W tej sekcji dowiesz się więcej na ten temat.

Upewnij się, że masz wystarczającą liczbę kategorii produktów w swoim sklepie WooCommerce. Ale na naszej stronie demonstracyjnej wszystko, co mamy, to niesklasyfikowana kategoria i przypisanych do niej sześć produktów.

Jak widać, ślimak nie jest kategoryzowany . W dalszej części tego fragmentu będziemy używać tego elementu. Następnie przejdź do wtyczki Code Snippets i utwórz nowy fragment. Gdy to zrobisz, skopiuj i wklej ten kod od dołu do swojej witryny.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');

 function quadlayers_catalog_orderby_for_category( $sort_by ) {
 if( !is_product_category('bez kategorii')) {
 return $sort_by; // zmodyfikuj sortowanie archiwum kategorii bez kategorii
 }
 Data powrotu';
 } 

Jeśli spojrzysz na kod, zobaczysz, że wybraliśmy „nieskategoryzowany” slug w kodzie i użyliśmy filtru daty do sortowania. Przed opublikowaniem kodu na swojej stronie zastąp go slugą kategorii i opcją sortowania.

Gdy to zrobisz, opublikuj fragment.

Gdy odwiedzasz archiwum określonej kategorii, domyślnie zobaczysz nową opcję sortowania. W naszym przypadku produkty są automatycznie sortowane według najpóźniejszej daty.

Otóż ​​to! W ten sposób możesz sortować produkty z określonej kategorii.

Bonus: Sortuj produkty WooCommerce alfabetycznie

Jeśli masz dużo produktów, posortowanie alfabetyczne byłoby świetnym pomysłem. W rzeczywistości kolejność alfabetyczna jest jednym z najbardziej idealnych sposobów sortowania w dowolnym typie listy. Jeśli spojrzysz na swoje pliki na swoim komputerze, nawet one są domyślnie posortowane alfabetycznie.

Podobnie, może to być bardzo wygodne również dla Twoich nowych klientów. Mogą łatwo znaleźć produkt, który chcą w Twoim sklepie, po prostu filtrując litery produktu alfabetycznie.

W tej sekcji pokażemy, jak sortować produkty WooCommerce alfabetycznie za pomocą prostego fragmentu. Kod, którego musisz użyć, wygląda następująco:

 function quadlayers_alfabetical_shop_ordering ( $sort_args ) {
 $orderby_value = isset( $_GET['orderby']) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
 if ( 'alfabetycznie' == $orderby_value ) {
 $sort_args['orderby'] = 'tytuł';
 $sort_args['order'] = 'asc';
 $sort_args['meta_key'] = '';
 }
 return $argumenty_sortowania;
 }
 add_filter( 'woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering' );

Po prostu dodaj to do wtyczki Code Snippet lub pliku functions.php na swojej stronie.

Po wklejeniu opublikuj go. Teraz wykonaliśmy ciężką pracę. Następną rzeczą, którą musimy zrobić, to stworzyć etykietę, aby odwiedzający mogli skorzystać z opcji sortowania. Aby to zrobić, potrzebujesz następującego kodu:

 function quadlayers_custom_wc_catalog_orderby( $sortby ) {
 $sortby['alphabetical'] = 'Sortuj według nazwy: alfabetycznie';
 return $sortby;
 }
 add_filter( 'woocommerce_default_catalog_orderby_options', 'quadlayers_custom_wc_catalog_orderby' );
 add_filter( 'woocommerce_catalog_orderby', 'quadlayers_custom_wc_catalog_orderby' );

Jeszcze raz utwórz nowy fragment kodu we wtyczce i wklej tam ten kod.

Po dodaniu nowego fragmentu opublikuj go. Teraz przejdź do archiwum sklepu i sprawdź menu rozwijane do sortowania.

Zobaczysz, że produkty są tam posortowane w porządku alfabetycznym.

Jeśli potrzebujesz rozwiązania bez kodu, możesz również użyć tej wtyczki.

Wniosek

Podczas obsługi instalacji WooCommerce musisz wypróbować wiele sposobów na zwiększenie współczynników konwersji. Aby zapewnić lepsze wrażenia klientów, wygodne może być sortowanie produktów. Jak widać powyżej, wszystkie trzy metody (ręczna, wtyczka i kodowanie) są proste i nie wymagają żadnej wiedzy technicznej.

Ponadto dodaliśmy również kilka innych sposobów zmiany kolejności produktów z listy produktów lub zmiany kolejności określonego produktu. Podobnie uwzględniliśmy również kilka innych opcji sortowania produktów z określonymi kategoriami i kolejnością alfabetyczną.

Mamy nadzieję, że już teraz bez problemu posortujesz produkty w swoim sklepie. Jeśli ten samouczek okazał się pomocny, oto kilka artykułów, które mogą Cię zainteresować:

• Jak dostosować stronę produktu WooCommerce?
• Najlepsze wtyczki pakietu produktów WooCommerce
• Jak eksportować produkty WooCommerce

Jak zamierzasz zmodyfikować opcję sortowania produktów? Daj nam znać w komentarzach.