Schakel gerelateerde producten in WooCommerce uit en verwijder ze - 5 manieren om ze snel te verbergen

WooCommerce-gerelateerde producten worden gemaakt met het duidelijke doel om uw WooCommerce-winkelbezoekers een breder scala van uw producten te presenteren. WooCommerce toont niet voor niets vergelijkbare producten op uw productpagina's. Maar als u niet wilt dat ze verschijnen, hoe verwijdert u WooCommerce-gerelateerde producten of hoe kunt u ze uitschakelen?

WooCommerce Core bestaat ook uit WooCommerce Cross Sell op de winkelwagenpagina en WooCommerce Upsells op de productpagina (inclusief alle soorten aan WooCommerce gekoppelde producten).

Met andere woorden, u zou uw trouwe klanten met andere producten kunnen bombarderen voordat ze zelfs maar hun eerste aankoop in uw winkel op een bepaald moment wilden doen.

Je vraagt ​​je misschien af ​​hoe WooCommerce kiest welke gerelateerde producten worden weergegeven op de productpagina. WooCommerce-gerelateerde producten kunnen, in tegenstelling tot WooCommerce Cross-Sells en WooCommerce Upsells, niet worden aangepast, maar ze kunnen worden beïnvloed door vergelijkbare producten in dezelfde productcategorie te groeperen of door dezelfde producttags te gebruiken.

U denkt misschien dat uw site alleen WooCommerce-gerelateerde producten per categorie organiseert, maar houdt ook rekening met producttags.

Het is dan ook geen verrassing dat veel verkopers, winkeleigenaren, eCommerce-marketeers en WooCommerce-ontwikkelaars WooCommerce-gerelateerde producten op de productpagina uitschakelen.

Dus, hier is hoe het werkt...

 

 

Als het gaat om het verbergen van WooCommerce-gerelateerde producten, zijn de mogelijkheden nogal wat. Kies degene die voor u het gemakkelijkst uit te voeren is.

  1. Je kunt wat code toevoegen aan het bestand Functions.php van een child-thema.
  2. Voeg met behulp van een plug-in wat code toe aan het hoofdfuncties.php-bestand, zodat thema-updates de wijzigingen niet overschrijven.
  3. Gebruik CSS om te voorkomen dat gerelateerde producten op de productpagina verschijnen.

De eerste oplossing vereist dat je een Child Theme op je site hebt geïnstalleerd. Als je dit eerder hebt gedaan, zou dit vrij eenvoudig moeten zijn (vooral als je het hebt ingesteld). Maak je geen zorgen als je bent vergeten je Child Theme in te stellen.

Als je via je WordPress-dashboard toegang hebt tot de Thema-editor (Uiterlijk > Thema-editor).

Zoek vervolgens uw functions.php-bestand en plak de volgende code erin om WooCommerce-gerelateerde producten permanent uit te schakelen.

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

In sommige gevallen vraag je je misschien af: "Waarom is de WordPress Theme Editor niet zichtbaar voor mij?" 

Hier is de oplossing:

U kunt doorgaan en enkele wijzigingen aanbrengen in het wp-config.php-bestand door de regel te zoeken ('DISALLOW FILE EDIT', true) en het woord 'true' te vervangen door 'false', zoals hieronder weergegeven: 

(false, 'BESTAND BEWERKEN NIET TOESTAAN')

Je hoeft ook niet in te loggen op je server of cPanel om wijzigingen aan te brengen in het wp-config.php bestand; in plaats daarvan kunt u de plug-in WP File Manager gebruiken.

Dit moet de WordPress Theme Editor-optie volledig herstellen, zodat u door kunt gaan met het invoegen van de code in het Functions.php-bestand van het Child Theme zoals gepland. Bekijk deze stappen voor probleemoplossing voor meer informatie over het bovengenoemde.

Als je nog geen Child Theme hebt ingesteld en deze methode toch wilt gebruiken, moet je dat eerst doen. Hier is hoe maak en installeer je een Child Theme op uw WordPress-website, overless van welk thema je hebt geïnstalleerd.

Vanuit technisch oogpunt denk ik dat deze optie een goede oplossing is.

U kunt voorkomen dat thema-updates de code overschrijven door een plug-in te gebruiken om code in te voegen in het functies.php-bestand van het hoofdthema, en u hoeft geen onderliggend thema te gebruiken als u er nog geen heeft.

Er is eerst een plug-in voor codefragmenten vereist. Een paar hiervan zijn volledig gratis, sterke en ondersteunde plug-ins die te vinden zijn in de WordPress.org-repository.

Enkele plug-ins die nuttig kunnen zijn, zijn: Mijn aangepaste functies door Space X-Chimp en Code Snippets door Code Snippets Pro.

Mijn aangepaste functies

Nadat u een van deze plug-ins heeft geïnstalleerd, kunt u doorgaan en de code van de vorige methode plakken. Als je het hebt overgeslagen, hier is het nog een keer:

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

Volg gewoon de instructies van de ontwikkelaar van de plug-in (die meestal zo eenvoudig zijn als het kopiëren en plakken van de code in een vak) om WooCommerce-gerelateerde producten snel, effectief en correct te verbergen van de productpagina.

Dit is een relatief eenvoudige oplossing. Maar het is een 'CSS-fix' in plaats van een 'code-fix', wat betekent dat de functie nog steeds op de achtergrond draait, maar je vertelt hem om geen stijl te gebruiken.

Dit stoort u misschien niet in het minst. In dat geval kunt u gerelateerde producten eenvoudig uitschakelen op de WooCommerce Product-pagina door deze CSS in uw WooCommerce-thema Het gedeelte 'Aangepaste CSS' van de aanpasser. Plak de volgende CSS in Uiterlijk > Aanpassen > Aangepaste CSS:

.gerelateerde producten {
display: none;
}

Dat is het; WooCommerce Related Products is verwijderd van uw website.

Deze drie voorbeelden zijn echter gericht op het voorkomen dat WooCommerce gerelateerde producten op productpagina's weergeeft.

Met behulp van een Page Builder zoals Divi of Elementor kunt u de WooCommerce-gerelateerde producten van een productpagina verwijderen.

Het uiterlijk van de WooCommerce-productpagina kan zelfs volledig worden aangepast.

U hoeft echter geen drastische maatregelen te nemen!

U kunt een nieuwe WooCommerce-productpagina bouwen die er bijna identiek uitziet als de standaard productpagina-sjabloon, maar met een paar belangrijke verschillen.

Wilt u de gerelateerde producten van woocommerce uitschakelen? Geen probleem; laat ze gewoon uit uw nieuwe productpagina-ontwerpen.

Wilt u de tekst op WooCommerce-productpagina's wijzigen die naar gerelateerde producten verwijzen? Geen probleem - gebruik gewoon een paginabuilder zoals Divi om de titel te wijzigen in alles wat u maar wilt.

Wil je op mobiel een enkele kolom met WooCommerce-gerelateerde producten tonen? Dat is geen probleem; specificeer het gewoon in uw paginabuilder!

Wil je de afbeeldingsgrootte van woocommerce gerelateerde producten wijzigen? Geen probleem - gebruik gewoon de paginabuilder om de afbeeldingsformaten naar wens aan te passen.

Wil je WooCommerce-gerelateerde producten uitsluiten van een subcategorie van je producten? Geen probleem; laat de sectie Gerelateerde producten gewoon leeg in de WooCommerce Product Page Redesign voor bepaalde pagina's!

Wil je een lijst maken van woocommerce-gerelateerde producten? Het is geen probleem; op de WooCommerce Product-pagina kun je gerelateerde producten precies weergeven hoe en waar je wilt.

Waarom geen bestsellers weergeven in plaats van woocommerce-gerelateerde producten weer te geven? Een paginabuilder gebruiken om uw WooCommerce-productpagina te ontwerpen zonder code is een geweldig idee - en het is gemakkelijk om te doen!

Dus als je nieuwsgierig bent naar hoe je gerelateerde producten in WooCommerce kunt besturen, is het mogelijk dat je het probleem vanuit een ander perspectief moet benaderen.

Ja, je kunt het gedeelte gerelateerde producten van de WooCommerce-productpagina bewerken als dat alles is wat je wilt doen. Dit zal echter vrijwel zeker het gebruik van code vereisen.

Overweeg de mogelijkheden.

U kunt alles op het WooCommerce-productpagina-ontwerp beheren als u een Page Builder gebruikt om de WooCommerce-productpagina te bewerken.

Dat betekent niet dat u drastische maatregelen hoeft te nemen!

U kunt eenvoudig het bestaande ontwerp kopiëren en kleine wijzigingen aanbrengen om aan uw vereisten te voldoen.

Bekijk het Divi-thema en Divi Builder, die beide geweldig, krachtig en goedkoop zijn.

Ja, u kunt WooCommerce-gerelateerde producten uitschakelen op alle productpagina's, of u kunt gerelateerde producten uitschakelen voor specifieke producten in WooCommerce. Sommige oplossingen vereisen codering in de themabestanden, terwijl andere afhankelijk zijn van CSS in het gedeelte Aangepaste CSS van de thema-aanpasser.

We zijn echter van mening dat volledige controle over het ontwerp van uw productpagina en niet vertrouwen op de productpaginasjabloon die door uw thema wordt geleverd om met WooCommerce te werken, de betere optie is.

Op de WooCommerce-productpagina kunt u beginnen met het vervangen van WooCommerce-gerelateerde producten door bestsellers, upsell-producten of cross-sell-producten.

Zoals we hebben gezien met het Divi-thema en Divi Builder benadering om WooCommerce-gerelateerde producten te vervangen, is het heel goed mogelijk om de WooCommerce-productpagina aan te passen met betrekking tot visueel ontwerp zonder een stukje code aan te raken.

Hoewel WooCommerce-gerelateerde producten niet gedetailleerd kunnen worden, zoals WooCommerce Upsells en Cross-Sells, kunt u gerelateerde producten beïnvloeden.

In de ogen van de WooCommerce-database maakt het categoriseren van producten in dezelfde productcategorie of het gebruik van dezelfde producttags op uw WooCommerce-producten ze 'gerelateerd'. U denkt misschien dat uw site alleen WooCommerce-gerelateerde producten per productcategorie heeft georganiseerd, maar WooCommerce associeert producten ook met Product Tags.

Als u verschillende productcategorieën en producttags heeft ingesteld, zoals de meeste WooCommerce-bedrijfseigenaren, ziet u waarschijnlijk een groot deel van uw productcatalogus verschijnen als 'gerelateerde producten' op WooCommerce-productpagina's.

1. Verberg ze met CSS 2. Codefragmenten gebruiken om PHP aan te passen om gerelateerde producten uit te schakelen 3. De WooCommerce-productpagina opnieuw opbouwen met een paginabuilder zoals Divi, behalve de sectie Gerelateerde producten uit het ontwerp.

WooCommerce gebruikt productcategorieën en producttags om producten te groeperen. Om te wijzigen welke producten gerelateerd zijn, moet u eerst de productcategorieën en tags wijzigen.

Het aanpassen van de WooCommerce-productpagina is een betere manier om de "gerelateerde producten" te beheren die op de WooCommerce-productpagina verschijnen. U kunt ervoor kiezen om door de gebruiker gespecificeerde 'cross-sell'- en 'upsell'-producten weer te geven in plaats van de door WooCommerce gedefinieerde gerelateerde producten.

Over de auteur
Shahzad Saeed
Auteur: Shahzad SaeedWebsite: http://shahzadsaeed.com/
Shahzaad Saaed is als WordPress-expert op een groot aantal websites van autoriteiten te zien geweest. Hij is gespecialiseerd in contentmarketing om bedrijven te helpen meer bezoekers te trekken.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...