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 winkelbezoekers een breder scala aan producten te laten zien.

Het is een effectieve manier om de gemiddelde bestelwaarde of productaankopen te verhogen en vrijwel elke winkel gebruikt het concept.

Maar als u niet wilt dat ze verschijnen, hoe verwijdert u dan WooCommerce-gerelateerde producten of schakelt u ze uit?

U zou klanten kunnen bombarderen met andere producten voordat ze zelfs maar op een bepaald moment hun eerste aankoop in uw winkel wilden doen en dat is niet goed voor de conversie.

Je vraagt ​​je misschien af ​​hoe WooCommerce kiest welke gerelateerde producten op de productpagina worden weergegeven.

WooCommerce-gerelateerde producten kunnen, in tegenstelling tot WooCommerce cross-sells en WooCommerce upsells, niet worden aangepast.

Het kan worden beïnvloed door vergelijkbare producten in dezelfde productcategorie te groeperen of door dezelfde producttags te gebruiken.

U zou kunnen denken dat uw site alleen WooCommerce-gerelateerde producten per categorie organiseert, maar dat er ook rekening wordt gehouden met producttags.

Het is dan ook geen verrassing dat veel verkopers WooCommerce-gerelateerde producten uitschakelen op de productpagina.

 

Als het gaat om het verbergen van aan WooCommerce gerelateerde producten, heb je verschillende opties.

Kies degene die voor u het gemakkelijkst uit te voeren is.

  1. U kunt code toevoegen aan functions.php.
  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 u een kindthema op uw site hebt geïnstalleerd.

We raden aan een kindthema te gebruiken, zodat uw wijzigingen niet worden overschreven wanneer het WordPress-thema wordt bijgewerkt.

Als je geen child-thema hebt ingesteld en toch deze methode wilt gebruiken, moet je er een maken.

Hier is hoe maak je een child-thema?, groetless van welk thema je hebt geïnstalleerd.

Open de thema-editor via uw WordPress-dashboard (Uiterlijk > Thema-editor). Kies dan je child-thema.

Zoek het bestand functions.php 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?" 

Als u geen toestemming heeft om functions.php te wijzigen, is hier de oplossing:

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

(false, 'BESTAND BEWERKEN NIET TOESTAAN')

Dat is als u toestemming hebt om dat bestand te bewerken.

Hiermee wordt de WordPress Theme Editor-optie hersteld, zodat u de code zoals gepland in het functions.php-bestand van het onderliggende thema kunt invoegen.

Vanuit technisch oogpunt denk ik dat het gebruik van een plug-in een goede oplossing is als je niet met code wilt rommelen

U kunt voorkomen dat thema-updates de code overschrijven door een plug-in te gebruiken om code in te voegen in het bestand functions.php, en u hoeft geen kinderthema 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 hebt geïnstalleerd, kunt u doorgaan en de code van de vorige methode plakken.

Hier is het weer:

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 net zo eenvoudig zijn als het kopiëren en plakken van de code in een vak) om WooCommerce-gerelateerde producten van de productpagina te verbergen.

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 kun je op de WooCommerce-productpagina eenvoudig gerelateerde producten uitschakelen door deze CSS in je WooCommerce-thema De sectie "Aangepaste CSS" van de aanpasser.

Plak de volgende CSS in Uiterlijk > Aanpassen > Aangepaste CSS:

.gerelateerde producten {
display: none;
}

Dat is het; WooCommerce-gerelateerde producten zijn verwijderd van uw website.

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

Met behulp van een pagebuilder zoals Divi of Elementor kun je de aan 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 om er bijna identiek uit te zien als de standaard productpaginasjabloon, maar met een paar belangrijke verschillen.

Wilt u WooCommerce-gerelateerde producten uitschakelen? Geen probleem; laat ze gewoon weg uit uw nieuwe productpagina-ontwerpen.

Wil je de tekst op WooCommerce-productpagina's wijzigen die verwijst naar gerelateerde producten?

Geen probleem - gebruik gewoon een paginabuilder zoals Divi om de titel te wijzigen in wat u maar wilt.

Wilt u op mobiel een enkele kolom met WooCommerce-gerelateerde producten weergeven?

Dat is ook geen probleem. Specificeer het eenvoudig in uw paginabuilder!

Wil je de afbeeldingsgrootte van aan 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?

Geen probleem; laat de gerelateerde producten sectie leeg voor bepaalde pagina's!

Wilt u een lijst met WooCommerce-gerelateerde producten maken?

Op de productpagina van WooCommerce kunt u gerelateerde producten precies weergeven hoe en waar u maar wilt.

Waarom zou u, in plaats van WooCommerce-gerelateerde producten, geen bestsellers weergeven?

Een paginabuilder gebruiken om uw WooCommerce-productpagina te ontwerpen zonder enige 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, u kunt het gedeelte met gerelateerde producten van de WooCommerce-productpagina bewerken als dat alles is wat u wilt doen.

Dit zal echter vrijwel zeker het gebruik van code noodzakelijk maken.

Overweeg de mogelijkheden.

U kunt alles op het ontwerp van de WooCommerce-productpagina regelen als u een paginabuilder 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 eisen te voldoen.

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

Ja, u kunt WooCommerce-gerelateerde producten op alle productpagina's uitschakelen, of u kunt gerelateerde producten op specifieke producten in WooCommerce uitschakelen.

Sommige oplossingen vereisen codering in de themabestanden, terwijl andere afhankelijk zijn van CSS in de aangepaste CSS-sectie van de thema-aanpasser.

Wij 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 aan 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 productpagina aan te passen zonder een stukje code aan te raken.

Hoewel aan WooCommerce gerelateerde producten niet gedetailleerd kunnen worden beschreven, zoals WooCommerce upsells en cross-sells, kunt u gerelateerde producten wel 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 categorie heeft georganiseerd, maar WooCommerce associeert producten ook met tags.

Als u verschillende categorieën en tags heeft ingesteld, zoals de meeste eigenaren van WooCommerce-bedrijven, 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
Shahzaad Saaed is te zien geweest op een groot aantal gezaghebbende websites, waaronder EasyDigitalDownloads, OptinMonster en WPBeginner, waar hij momenteel werkzaam is als senior contentschrijver. Shahzad is een WordPress-expert, webontwerper en algehele technologie- en ontwerpexpert. Hij is gespecialiseerd in contentmarketing om bedrijven te helpen hun verkeer te vergroten door middel van bruikbare en op ervaring gebaseerde artikelen, blogs en deskundige gidsen, allemaal ontleend aan zijn meer dan 10 jaar ervaring in het veld.

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