Inaktivera och ta bort relaterade produkter i WooCommerce – 5 sätt att dölja dem snabbt

WooCommerce-relaterade produkter skapas med det tydliga målet att presentera dina WooCommerce-butiksbesökare för ett bredare utbud av dina produkter. WooCommerce visar liknande produkter på dina produktsidor av en anledning. Men om du inte vill att de ska visas, hur tar du bort WooCommerce-relaterade produkter eller inaktiverar dem från att visas?

WooCommerce Core består också av WooCommerce Cross Sell på varukorgssidan och WooCommerce Upsells på produktsidan (inkluderar alla typer av WooCommerce-länkade produkter).

Med andra ord kan du bombardera dina lojala kunder med andra produkter innan de ens ville göra sitt första köp från din butik vid varje given tidpunkt.

Du kanske undrar hur WooCommerce väljer vilka relaterade produkter som ska visas på produktsidan. WooCommerce-relaterade produkter, till skillnad från WooCommerce Cross-Sells och WooCommerce Upsells, kan inte anpassas, men de kan påverkas genom att gruppera liknande produkter tillsammans i samma produktkategori eller använda samma produkttaggar.

Du kanske tror att din webbplats bara organiserar WooCommerce-relaterade produkter efter kategori, men den tar också hänsyn till produkttaggar.

Det är alltså ingen överraskning att många handlare, butiksägare, e-handelsmarknadsförare och WooCommerce-utvecklare inaktiverar WooCommerce-relaterade produkter på produktsidan.

Så här fungerar det...

 

 

När det gäller att dölja WooCommerce-relaterade produkter är möjligheterna ganska många. Välj den som är lättast för dig att utföra.

  1. Du kan lägga till lite kod till functions.php-filen för ett barntema.
  2. Använd ett plugin och lägg till lite kod till huvudfilen functions.php så att temauppdateringar inte åsidosätter ändringar.
  3. Använd CSS för att förhindra att relaterade produkter visas på produktsidan.

Den första lösningen kräver att du har ett barntema installerat på din webbplats. Om du har gjort det tidigare bör detta vara ganska enkelt (särskilt om du ställer in det). Oroa dig inte om du har glömt att ställa in ditt barntema.

Om du kan komma åt Theme Editor via din WordPress-instrumentpanel (Utseende > Theme Editor).

Hitta sedan din functions.php-fil och klistra in följande kod i den för att permanent inaktivera WooCommerce-relaterade produkter.

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

Men i vissa fall kanske du undrar, "Varför är inte WordPress Theme Editor synlig för mig?" 

Här är lösningen:

Du kan gå vidare och göra några ändringar i filen wp-config.php genom att hitta raden ('DISALLOW FILE EDIT', true) och ersätta ordet 'true' med 'false', som visas nedan: 

(false, 'TILLÅK INTE FILREDIGERING')

Du behöver inte heller logga in på din server eller cPanel för att göra ändringar i filen wp-config.php; istället kan du använda plugin-programmet WP File Manager.

Detta måste helt återställa WordPress Theme Editor-alternativet, så att du kan fortsätta med att infoga koden i functions.php-filen för Child Theme som planerat. Kolla in dessa felsökningssteg för mer information om ovannämnda.

Om du inte redan har ett barntema inställt och fortfarande vill använda den här metoden måste du göra det först. Här är hur man skapar och installerar ett barntema på din WordPress-webbplatsless av vilket tema du har installerat.

Ur ett tekniskt perspektiv tror jag att det här alternativet är en bra lösning.

Du kan undvika problemet med att temauppdateringar åsidosätter koden genom att använda en plugin för att infoga kod i huvudtemats functions.php-fil, och du behöver inte använda ett barntema om du inte redan har ett.

Ett plugin för kodavsnitt krävs först. Några av dessa är helt gratis, starka och stödda plugins som kan hittas på WordPress.org-förrådet.

Några plugins som kan vara till hjälp är: My Custom Functions av Space X-Chimp och Code Snippets av Code Snippets Pro.

Mina anpassade funktioner

När du har installerat ett av dessa plugins kan du gå vidare och klistra in koden från den tidigare metoden. Om du hoppade över det, här är det igen:

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

Följ bara instruktionerna från plugin-utvecklaren (som vanligtvis är så enkelt som att kopiera och klistra in koden i en ruta) för att snabbt, effektivt och korrekt dölja WooCommerce-relaterade produkter från produktsidan.

Detta är en relativt enkel fix. Men det är en "CSS-fix" snarare än en "kodfix", vilket betyder att funktionen fortfarande körs i bakgrunden, men du säger åt den att inte använda en stil.

Detta kanske inte stör dig det minsta. I så fall kan du enkelt inaktivera relaterade produkter på WooCommerce-produktsidan genom att klistra in denna CSS i din WooCommerce-tema Anpassarens avsnitt "Anpassad CSS". Klistra in följande CSS i Utseende > Anpassa > Anpassad CSS:

.Relaterade produkter {
display: none;
}

Det är allt; WooCommerce-relaterade produkter har tagits bort från din webbplats.

Dessa tre exempel är dock fokuserade på att förhindra WooCommerce från att visa relaterade produkter på produktsidor.

Med hjälp av en sidbyggare som Divi eller Elementor kan du ta bort WooCommerce-relaterade produkter från en produktsida.

Faktum är att utseendet på WooCommerce-produktsidan kan anpassas helt.

Du behöver dock inte vidta några drastiska åtgärder!

Du kan bygga en ny WooCommerce-produktsida så att den ser nästan identisk ut med standardproduktsidans mall, men med några viktiga skillnader.

Vill du stänga av woocommerces relaterade produkter? Inga problem; bara lämna dem utanför din nya produktsida design.

Vill du ändra texten på WooCommerce produktsidor som hänvisar till relaterade produkter? Inga problem – använd bara en sidbyggare som Divi för att ändra titeln till vad du vill.

På mobilen, vill du visa en enda kolumn med WooCommerce-relaterade produkter? Det är inget problem; ange det helt enkelt i din sidbyggare!

Vill du ändra bildstorleken på woocommerce-relaterade produkter? Inga problem – använd bara sidbyggaren för att justera bildstorlekarna efter dina önskemål.

Vill du utesluta WooCommerce-relaterade produkter från en underkategori av dina produkter? Inga problem; lämna bara avsnittet Relaterade produkter tomt i WooCommerce Product Page Redesign för vissa sidor!

Vill du skapa en lista över woocommerce-relaterade produkter? Det är inte ett problem; på WooCommerce-produktsidan kan du visa relaterade produkter exakt hur och var du vill.

Istället för att visa woocommerce-relaterade produkter, varför inte visa bästsäljare? Använd en sidbyggare för att designa din WooCommerce-produktsida utan någon kod är en utmärkt idé – och det är enkelt att göra!

Så om du är nyfiken på att veta hur man kontrollerar relaterade produkter i WooCommerce, är det möjligt att du måste närma dig problemet från ett annat perspektiv.

Ja, du kan redigera sektionen för relaterade produkter på WooCommerce-produktsidan om det är allt du vill göra. Detta kommer dock nästan säkert att kräva användning av kod.

Tänk på möjligheterna.

Du kan kontrollera allt på WooCommerce-produktsidans design om du använder en sidbyggare för att redigera WooCommerce-produktsidan.

Det betyder inte att du måste vidta några drastiska åtgärder!

Du kan helt enkelt kopiera den befintliga designen och göra mindre ändringar för att matcha dina krav.

Kolla in Divi-temat och Divi Builder, som båda är fantastiska, kraftfulla och billiga.

Ja, du kan inaktivera WooCommerce-relaterade produkter bland alla produktsidor, eller så kan du stänga av relaterade produkter på specifika produkter i WooCommerce. Vissa lösningar kräver kodning i temafilerna, medan andra förlitar sig på CSS i avsnittet Custom CSS i temaanpassaren.

Vi tror dock att det bättre alternativet är att ta full kontroll över din produktsidas design och att inte förlita oss på produktsidans mall från ditt tema för att arbeta med WooCommerce.

På WooCommerce-produktsidan kan du börja ersätta WooCommerce-relaterade produkter med bästsäljare, merförsäljningsprodukter eller korsförsäljningsprodukter.

Som vi har sett med Divi-temat och Divi Builder metod för att ersätta WooCommerce-relaterade produkter, det är fullt möjligt att anpassa WooCommerce-produktsidan i förhållande till visuell design utan att behöva röra en bit kod.

Även om WooCommerce-relaterade produkter inte kan beskrivas i detalj som WooCommerce Upsells och Cross-Sells, kan du påverka relaterade produkter.

I WooCommerce-databasens ögon gör att kategorisera produkter i samma produktkategori eller använda samma produkttaggar på dina WooCommerce-produkter gör dem "relaterade". Du kanske tror att din webbplats bara organiserade WooCommerce-relaterade produkter efter produktkategori, men WooCommerce associerar också produkter med produkttaggar.

Om du har ställt in olika produktkategorier och produkttaggar, som de flesta WooCommerce-företagare, kommer du sannolikt att se en stor del av din produktkatalog visas som "relaterade produkter" på WooCommerce produktsidor.

1. Göm dem med CSS 2. Använd kodavsnitt för att modifiera PHP för att inaktivera relaterade produkter 3. Återskapa WooCommerce-produktsidan med hjälp av en sidbyggare som Divi, förutom avsnittet Relaterade produkter från designen.

WooCommerce använder produktkategorier och produkttaggar för att gruppera produkter. För att ändra vilka produkter som är relaterade måste du först ändra produktkategorier och taggar.

Att anpassa WooCommerce-produktsidan är ett bättre sätt att hantera de "relaterade produkterna" som visas på WooCommerce-produktsidan. Du kan välja att visa användarspecificerade "korsförsäljning" och "merförsäljning" snarare än de WooCommerce-definierade relaterade produkterna.

Om författaren
Shahzad Saeed
Författare: Shahzad Saeedwebbplats: http://shahzadsaeed.com/
Shahzaad Saaed har visats på ett stort antal myndighetswebbplatser, som en WordPress-expert. Han specialiserar sig på innehållsmarknadsföring för att hjälpa företag att öka sin trafik.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...