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 sklep szerszej gamy produktów.

Jest to skuteczny sposób na zwiększenie średniej wartości zamówień lub zakupów produktów i prawie każdy sklep stosuje tę koncepcję.

Ale jeśli nie chcesz, aby się pojawiały, jak usunąć produkty powiązane z WooCommerce lub wyłączyć ich wyświetlanie?

Możesz bombardować klientów innymi produktami, zanim jeszcze będą chcieli dokonać pierwszego zakupu w Twoim sklepie w danym momencie, a to nie sprzyja konwersji.

Być może zastanawiasz się, w jaki sposób WooCommerce wybiera powiązane produkty do wyświetlenia na stronie produktu.

Produkty powiązane z WooCommerce, w przeciwieństwie do sprzedaży krzyżowej WooCommerce i sprzedaży dodatkowej WooCommerce, nie mogą być dostosowywane.

Można na to wpłynąć, grupując podobne produkty w tej samej kategorii produktów lub używając tych samych tagów produktów.

Możesz pomyśleć, że Twoja witryna organizuje tylko produkty związane z WooCommerce według kategorii, ale bierze również pod uwagę tagi produktów.

Nic więc dziwnego, że wielu sprzedawców wyłącza produkty powiązane z WooCommerce na stronie produktu.

 

Jeśli chodzi o ukrywanie produktów związanych z WooCommerce, masz kilka opcji.

Wybierz ten, który jest dla Ciebie najłatwiejszy do wykonania.

  1. Możesz dodać kod do functions.php.
  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 potomnego.

Zalecamy użycie motywu potomnego, aby zmiany nie zostały nadpisane podczas aktualizacji motywu WordPress.

Jeśli nie masz skonfigurowanego motywu potomnego i nadal chcesz korzystać z tej metody, musisz go utworzyć.

Oto jak stworzyć motyw potomny, niezależnie od tego, jaki motyw zainstalowałeś.

Uzyskaj dostęp do edytora motywów za pośrednictwem pulpitu nawigacyjnego WordPress (Wygląd> Edytor motywów). Następnie wybierz motyw potomny.

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?” 

Jeśli nie masz uprawnień do zmiany functions.php, oto rozwiązanie:

Możesz dokonać prostej zmiany w pliku wp-config.php, znajdując wiersz („ZEZWÓL NA EDYCJĘ PLIKU”, prawda) i zastępując słowo „prawda” słowem „fałsz”, jak pokazano poniżej:

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

To znaczy, jeśli masz uprawnienia do edycji tego pliku.

Spowoduje to przywrócenie opcji WordPress Theme Editor, umożliwiając wstawienie kodu do pliku functions.php motywu potomnego zgodnie z planem.

Z technicznego punktu widzenia uważam, że użycie wtyczki jest dobrym rozwiązaniem, jeśli nie chcesz zadzierać z kodem

Możesz uniknąć problemu z nadpisywaniem kodu przez aktualizacje motywu, używając wtyczki do wstawiania kodu do pliku functions.php i nie musisz używać motywu potomnego, 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 śmiało wkleić kod z poprzedniej metody.

Oto znowu:

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

Po prostu postępuj zgodnie z instrukcjami dostarczonymi przez twórcę wtyczki (które zwykle są tak proste, jak skopiowanie i wklejenie kodu do pola), aby 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.

Może ci to w najmniejszym stopniu nie przeszkadzać. W takim przypadku możesz łatwo wyłączyć powiązane produkty na stronie produktu WooCommerce, wklejając ten CSS do swojego Motyw WooCommerce Sekcja „Custom CSS” dostosowywania.

Wklej następujący 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ę na uniemożliwieniu WooCommerce wyświetlania powiązanych produktów na stronach produktów.

Korzystając z 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ć produkty powiązane z WooCommerce? Bez problemu; po prostu pomiń je w nowych projektach 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ądzeniach mobilnych chcesz wyświetlać pojedynczą kolumnę produktów związanych z WooCommerce?

To też nie problem. Po prostu określ to w narzędziu do tworzenia stron!

Czy chcesz zmienić rozmiar obrazu produktów powiązanych z WooCommerce?

Nie ma problemu – po prostu użyj narzędzia do tworzenia stron, aby dostosować rozmiary obrazów do swoich upodobań.

Czy chcesz wykluczyć produkty związane z WooCommerce z podkategorii?

Bez problemu; po prostu pozostaw pustą sekcję powiązanych produktów na niektórych stronach!

Chcesz stworzyć listę produktów związanych z WooCommerce?

Na stronie produktu WooCommerce możesz wyświetlać powiązane produkty dokładnie tak, jak i gdzie chcesz.

Zamiast wyświetlać 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 jest 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 narzędzia do tworzenia 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 polegają na CSS w niestandardowej sekcji CSS dostosowywania motywu.

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

Na stronie produktu WooCommerce możesz zacząć zastępować produkty powiązane z WooCommerce bestsellerami, produktami typu up-sell lub cross-sell.

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

Chociaż produkty powiązane z WooCommerce nie mogą być wyszczególnione, jak sprzedaż dodatkowa i sprzedaż krzyżowa WooCommerce, możesz wpływać 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 pomyśleć, że Twoja witryna uporządkowała tylko produkty związane z WooCommerce według kategorii, ale WooCommerce kojarzy również produkty z tagami.

Jeśli skonfigurowałeś różne kategorie i tagi, tak jak większość właścicieli firm WooCommerce, prawdopodobnie zobaczysz, że duża część Twojego katalogu produktów pojawia się jako „produkty pokrewne” 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
Shahzada Saeeda
Shahzaad Saaed pojawiał się w wielu autorytetach, w tym EasyDigitalDownloads, OptinMonster i WPBeginner, gdzie obecnie jest zatrudniony jako starszy autor treści. Shahzad jest ekspertem WordPress, projektantem stron internetowych oraz ogólnym ekspertem w dziedzinie technologii i projektowania. Specjalizuje się w marketingu treści, który pomaga firmom zwiększać ruch dzięki praktycznym i popartym doświadczeniem artykułom, blogom i przewodnikom eksperckim, wszystkie zaczerpnięte z jego ponad 10-letniego doświadczenia w tej dziedzinie.

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 ...