Wyłącz i usuń powiązane produkty w WooCommerce – 5 sposobów na szybkie ich ukrycie

Produkty związane z WooCommerce są tworzone z wyraźnym celem zaprezentowania odwiedzającym Twojego sklepu WooCommerce szerszej gamy Twoich produktów. WooCommerce wyświetla podobne produkty na stronach Twoich produktów nie bez powodu. Ale jeśli nie chcesz, aby się pojawiały, jak usunąć produkty powiązane z WooCommerce lub wyłączyć ich wyświetlanie?

WooCommerce Core składa się również z WooCommerce Cross Sell na stronie koszyka i WooCommerce Upsells na stronie produktu (obejmuje wszystkie rodzaje powiązanych produktów WooCommerce).

Innymi słowy, możesz bombardować swoich lojalnych klientów innymi produktami, zanim jeszcze zechcą dokonać pierwszego zakupu w Twoim sklepie w dowolnym momencie.

Być może zastanawiasz się, w jaki sposób WooCommerce wybiera produkty powiązane do wyświetlenia na stronie produktu. Produkty powiązane z WooCommerce, w przeciwieństwie do WooCommerce Cross-Sells i WooCommerce Upsells, nie mogą być dostosowywane, ale można na nie wpływać, grupując podobne produkty w tej samej kategorii produktów lub używając tych samych tagów produktów.

Możesz sądzić, że Twoja witryna organizuje tylko produkty związane z WooCommerce według kategorii, ale uwzględnia również Tagi produktów.

Nic więc dziwnego, że wielu sprzedawców, właścicieli sklepów, marketerów eCommerce i programistów WooCommerce wyłącza produkty powiązane z WooCommerce na stronie produktu.

Oto jak to działa…

 

 

Jeśli chodzi o ukrywanie produktów powiązanych z WooCommerce, możliwości jest sporo. Wybierz ten, który jest najłatwiejszy do wykonania.

  1. Możesz dodać trochę kodu do pliku functions.php motywu potomnego.
  2. Za pomocą wtyczki dodaj trochę kodu do głównego pliku functions.php, aby aktualizacje motywu nie zastępowały zmian.
  3. Użyj CSS, aby zapobiec wyświetlaniu powiązanych produktów na stronie produktu.

Pierwsze rozwiązanie wymaga zainstalowania w witrynie motywu podrzędnego. Jeśli zrobiłeś to wcześniej, powinno to być dość proste (zwłaszcza jeśli to ustawiłeś). Nie martw się, jeśli zapomniałeś skonfigurować motyw podrzędny.

Jeśli możesz uzyskać dostęp do edytora motywów za pośrednictwem pulpitu WordPress (Wygląd > Edytor motywów).

Następnie znajdź plik functions.php i wklej do niego następujący kod, aby trwale wyłączyć produkty powiązane z WooCommerce.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Jednak w niektórych przypadkach możesz się zastanawiać: „Dlaczego Edytor motywów WordPress nie jest dla mnie widoczny?” 

Oto rozwiązanie:

Możesz przejść dalej i wprowadzić pewne zmiany w pliku wp-config.php, znajdując wiersz ("DISALLOW FILE EDIT", true) i zastępując słowo "true" słowem "false", jak pokazano poniżej: 

(fałsz, „NIE ZEZWALAJ NA EDYCJĘ PLIKU”)

Nie musisz również logować się do serwera lub cPanel, aby wprowadzić zmiany w pliku wp-config.php; zamiast tego możesz użyć wtyczki WP File Manager.

Musi to w pełni przywrócić opcję edytora motywów WordPress, umożliwiając kontynuowanie wstawiania kodu do pliku functions.php motywu potomnego zgodnie z planem. Sprawdź te kroki rozwiązywania problemów, aby uzyskać więcej informacji na ten temat.

Jeśli nie masz jeszcze skonfigurowanego motywu potomnego i nadal chcesz korzystać z tej metody, musisz to zrobić najpierw. Oto jak stworzyć i zainstalować motyw potomny na swojej stronie WordPress, patrzless z którego motywu zainstalowałeś.

Z technicznego punktu widzenia uważam, że ta opcja jest dobrym rozwiązaniem.

Możesz uniknąć problemu aktualizacji motywu zastępującego kod, używając wtyczki do wstawiania kodu do głównego pliku functions.php głównego motywu i nie musisz używać motywu podrzędnego, jeśli jeszcze go nie masz.

Najpierw wymagana jest wtyczka fragmentów kodu. Kilka z nich to całkowicie darmowe, silne i obsługiwane wtyczki, które można znaleźć w repozytorium WordPress.org.

Niektóre wtyczki, które mogą być pomocne to: Moje niestandardowe funkcje od Space X-Chimp i fragmenty kodu autorstwa Code Snippets Pro.

Moje funkcje niestandardowe

Po zainstalowaniu jednej z tych wtyczek możesz przejść dalej i wkleić kod z poprzedniej metody. Jeśli go pominąłeś, oto znowu:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Po prostu postępuj zgodnie z instrukcjami dostarczonymi przez programistę wtyczki (które zwykle są tak proste, jak skopiowanie i wklejenie kodu do pudełka), aby szybko, skutecznie i poprawnie ukryć produkty powiązane z WooCommerce na stronie produktu.

To stosunkowo prosta poprawka. Ale jest to „poprawka CSS”, a nie „poprawka kodu”, co oznacza, że ​​funkcja nadal działa w tle, ale mówisz jej, aby nie używała stylu.

To może ci w najmniejszym stopniu nie przeszkadzać. W takim przypadku możesz łatwo wyłączyć powiązane produkty na stronie produktu WooCommerce, wklejając ten kod CSS do swojego Motyw WooCommerce Sekcja „Niestandardowy CSS” modułu dostosowywania. Wklej następujący kod CSS do Wygląd > Dostosuj > Niestandardowy CSS:

.Produkty powiązane {
display: none;
}

Otóż ​​to; Produkty powiązane z WooCommerce zostały usunięte z Twojej witryny.

Te trzy przykłady koncentrują się jednak na zapobieganiu wyświetlaniu przez WooCommerce powiązanych produktów na stronach produktów.

Za pomocą narzędzia do tworzenia stron, takiego jak Divi lub Elementor, możesz usunąć produkty powiązane z WooCommerce ze strony produktu.

W rzeczywistości wygląd strony produktu WooCommerce można całkowicie dostosować.

Nie musisz jednak podejmować żadnych drastycznych środków!

Możesz zbudować nową stronę produktu WooCommerce, aby wyglądała prawie identycznie jak domyślny szablon strony produktu, ale z kilkoma kluczowymi różnicami.

Chcesz wyłączyć powiązane produkty woocommerce? Nie ma problemu; po prostu pomiń je w projektach nowych stron produktów.

Chcesz zmienić tekst na stronach produktów WooCommerce, który odnosi się do powiązanych produktów? Nie ma problemu – po prostu użyj narzędzia do tworzenia stron, takiego jak Divi, aby zmienić tytuł na dowolny.

Czy na urządzeniu mobilnym chcesz wyświetlić pojedynczą kolumnę produktów związanych z WooCommerce? To nie jest problem; po prostu określ to w swoim kreatorze stron!

Czy chcesz zmienić rozmiar obrazu produktów związanych z woocommerce? Nie ma problemu – po prostu użyj narzędzia do tworzenia stron, aby dostosować rozmiary obrazów do własnych upodobań.

Czy chcesz wykluczyć produkty związane z WooCommerce z podkategorii swoich produktów? Nie ma problemu; po prostu pozostaw pustą sekcję Produkty powiązane w Przeprojektowaniu strony produktu WooCommerce dla niektórych stron!

Chcesz stworzyć listę produktów związanych z woocommerce? To nie problem; na stronie Produktu WooCommerce możesz wyświetlać powiązane produkty dokładnie tak, jak i gdzie chcesz.

Zamiast pokazywać produkty związane z woocommerce, dlaczego nie wyświetlać bestsellerów? Użyj narzędzia do tworzenia stron, aby zaprojektować stronę produktu WooCommerce bez żadnego kodu, to świetny pomysł – i to łatwe!

Jeśli więc jesteś ciekawy, jak kontrolować powiązane produkty w WooCommerce, możliwe, że musisz podejść do problemu z innej perspektywy.

Tak, możesz edytować sekcję powiązanych produktów na stronie produktu WooCommerce, jeśli to wszystko, co chcesz zrobić. Jednak prawie na pewno będzie to wymagało użycia kodu.

Rozważ możliwości.

Możesz kontrolować wszystko w projekcie strony produktu WooCommerce, jeśli używasz Kreatora stron do edycji strony produktu WooCommerce.

To nie znaczy, że musisz podejmować drastyczne środki!

Możesz po prostu skopiować istniejący projekt i wprowadzić drobne zmiany, aby dopasować je do swoich wymagań.

Sprawdź motyw Divi i Divi Builder, które są świetne, potężne i tanie.

Tak, możesz wyłączyć produkty powiązane z WooCommerce na wszystkich stronach produktów lub możesz wyłączyć powiązane produkty w określonych produktach w WooCommerce. Niektóre rozwiązania wymagają kodowania w plikach motywu, podczas gdy inne opierają się na CSS w sekcji Custom CSS dostosowania motywu.

Uważamy jednak, że przejęcie pełnej kontroli nad projektem strony produktu i nie poleganie na szablonie strony produktu dostarczonym przez motyw do pracy z WooCommerce jest lepszą opcją.

Na stronie Produktu WooCommerce możesz zacząć zastępować Produkty powiązane z WooCommerce produktami Best Sellers, Upsell Products lub Cross-Sell Products.

Jak widzieliśmy z motywem Divi i Divi Builder podejście do zastępowania Produktów Powiązanych WooCommerce, jest całkowicie możliwe dostosowanie strony Produktu WooCommerce w odniesieniu do projektu wizualnego bez konieczności dotykania fragmentu kodu.

Chociaż produkty powiązane z WooCommerce nie mogą być szczegółowe, takie jak WooCommerce Upsells i Cross-Sells, możesz mieć wpływ na powiązane produkty.

W oczach bazy danych WooCommerce kategoryzowanie produktów w tej samej kategorii produktów lub używanie tych samych tagów produktów w produktach WooCommerce czyni je „powiązanymi”. Możesz myśleć, że Twoja witryna organizuje tylko produkty związane z WooCommerce według kategorii produktów, ale WooCommerce kojarzy również produkty z tagami produktów.

Jeśli skonfigurowałeś różne kategorie produktów i tagi produktów, tak jak większość właścicieli firm WooCommerce, prawdopodobnie zobaczysz dużą część katalogu produktów jako „produkty powiązane” na stronach produktów WooCommerce.

1. Ukryj je za pomocą CSS 2. Używanie fragmentów kodu do modyfikowania PHP w celu wyłączenia powiązanych produktów 3. Przebudowanie strony produktu WooCommerce za pomocą narzędzia do tworzenia stron, takiego jak Divi, z wyjątkiem sekcji powiązane produkty z projektu.

WooCommerce używa kategorii produktów i tagów produktów do grupowania produktów. Aby zmienić powiązane produkty, musisz najpierw zmienić kategorie produktów i tagi.

Dostosowywanie strony produktu WooCommerce jest lepszym sposobem zarządzania „powiązanymi produktami”, które pojawiają się na stronie produktu WooCommerce. Możesz wybrać wyświetlanie określonych przez użytkownika produktów „sprzedaży krzyżowej” i „sprzedaży dodatkowej” zamiast produktów powiązanych zdefiniowanych w WooCommerce.

O autorze
Shahzad Saeed
Autor: Shahzad SaeedStrona internetowa: http://shahzadsaeed.com/
Shahzaad Saaed był opisywany w wielu witrynach autorytetów jako ekspert od WordPressa. Specjalizuje się w content marketingu, aby pomóc biznesowi zwiększyć ruch.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...