Articles

Aktivera och ta bort relaterade produkter i WooCommerce – Rätt sätt att dölja relaterade produkter

oktober 23, 2021 by admin

Relaterade produkter i WooCommerce är inställda för att ge besökarna i din WooCommerce-butik möjlighet att se mer av ditt produktsortiment. Varför skulle WooCommerce annars visa relaterade produkter på dina produktsidor? Det finns ett vinstincitament.

WooCommerce Cross Sell på varukorgssidan och WooCommerce Upsells på produktsidan (alla typer av WooCommerce-relaterade produkter) finns också som standardfunktioner i WooCommerce Core. Det betyder faktiskt att du vid varje tidpunkt kan bombardera den hårt förtjänade kunden med andra produkter innan de ens har bestämt sig för att göra sitt första köp från din butik.

Du kanske har undrat Hur väljer WooCommerce ut Relaterade produkter som ska visas på produktsidan Till skillnad från WooCommerce Cross Sells eller WooCommerce Upsells kan WooCommerce Relaterade produkter inte specificeras av dig, men de kan påverkas genom att lägga liknande produkter i samma produktkategori eller genom att använda samma produkttaggar. Du kanske trodde att din webbplats endast organiserade WooCommerce-relaterade produkter efter kategori, men den tar även hänsyn till produkttaggar.

Så det är inte konstigt att många handlare, butiksägare, e-handelsmarknadsförare och WooCommerce-byggare väljer att stänga av WooCommerce-relaterade produkter på produktsidan. Så här gör du…

Innehållsförteckning

Denna artikel innehåller affiliatelänkar, vilket innebär att vi kan tjäna en liten provision om du köper plugins och tjänster som vi nämner utan extra kostnad för dig. Vi rekommenderar endast de bästa plugins och tjänster – som vi har använt och kan rekommendera.

Du har några alternativ när det gäller att dölja WooCommerce Related Products;

Lägga till lite kod direkt i ett underbarnstemas functions.php-fil (mest tekniskt)
Lägga till lite kod i huvudfilen functions.php med hjälp av ett insticksprogram (så att temauppdateringar inte åsidosätter ändringar) (inte så tekniskt).
Använd lite CSS för att förhindra att relaterade produkter visas på produktsidan (ganska enkelt)

Ta bort relaterade produkter i WooCommerce genom att redigera funktionerna i ditt Child-tema.php-filen

Denna första lösning är uppenbarligen i huvudsak beroende av att du har ett Child Theme inställt på din webbplats. Om du har det bör detta vara relativt enkelt (särskilt om du har ställt in det). Om du inte har ställt in ditt Child Theme behöver du inte oroa dig.

Om du har tillgång till temaredigeraren från din WordPress-instrumentpanel (gå till Appearance > Theme Editor som visas nedan)

Då kan du hitta din functions.php-fil och lägga till följande kod i den filen för att stänga av WooCommerce Related Products för gott.

Jag ser inte WordPress Theme Editor Den saknas

Du kanske kliar dig i huvudet och undrar ”varför saknas WordPress Theme Editor?” Du är inte ensam!

Det är möjligt att gå vidare och göra några ändringar i filen wp-config.php och hitta raden (’DISALLOW_FILE_EDIT’, true) och ersätta ordet ’true’ med ’false’ så att det ser ut så här: (’DISALLOW_FILE_EDIT’, false)

Du behöver inte logga in på din server eller cPanel för att kunna göra ändringar i filen wp-config.php, du kan komma åt den via ett plugin som heter WP File Manager.

Detta borde återställa WordPress Theme Editor-alternativet helt och hållet och du kan sedan sätta in koden i Child Theme’s functions.php-fil som planerat. Om du behöver mer detaljerade instruktioner om ovanstående kan du läsa den här felsökningsguiden.

Om du inte har ett Child-tema inställt och ändå vill använda det här tillvägagångssättet måste du först ställa in ett Child-tema. Här är guiden från WordPress själva om hur du skapar och installerar ett Child Theme på din WordPress-webbplats oavsett vilket tema du har installerat.

Inaktivera Relaterade produkter i WooCommerce genom att lägga till kod i huvudfilen functions.php med hjälp av ett insticksmodul

Jag tycker att det här alternativet är ett bra mellanting, tekniskt sett.

Då du använder ett plugin för att infoga kod i huvudtemats functions.php-fil undviker du problemet med att temauppdateringar åsidosätter koden, men du behöver inte heller implementera ett Child Theme om du inte redan har ett.

För det första behöver du ett code snippets-plugin. Det finns några av dessa tillgängliga på wordpress.org repository som är helt gratis, robusta och stödda plugins.

Här är ett par plugins som vi använder:

När du väl har en av dessa plugins installerade kan du sedan gå vidare och infoga koden som jag nämnde i den tidigare metoden. Här är den igen om du missade den:

Följ bara stegen som tillhandahålls av pluginutvecklaren (vilket vanligtvis är lika enkelt som att klippa och klistra in koden i en ruta) så har du gömt WooCommerce Relaterade produkter från produktsidan snabbt, effektivt och korrekt.

Dölj Relaterade produkter i WooCommerce med hjälp av Anpassad CSS för att stänga av Relaterade produkter på produktsidan

Det här är en ganska enkel lösning. Men det är en ”CSS-fix” och inte en ren ”kodfix”, vilket innebär att funktionen fortfarande finns kvar i bakgrunden, men du instruerar den att inte visas med hjälp av en stil.

Detta kanske inte stör dig särskilt mycket. I så fall kan du enkelt stänga av relaterade produkter på WooCommerce Product-sidan genom att klistra in den här CSS:en i avsnittet ”Custom CSS” i din temaanpassare. Gå till Utseende > Anpassa > Anpassad CSS och klistra in följande CSS:

.related.products { display: none; }

Och så är det, du har tagit bort WooCommerce Relaterade produkter från din webbplats.

Men de här 3 exemplen ovan handlar mer om att begränsa WooCommerce från att visa relaterade produkter på produktsidor. Dags för ett potentiellt bättre tillvägagångssätt…

Bli av med Relaterade produkter på WooCommerce produktsidor med hjälp av en sidbyggare

Du kan ta bort WooCommerce Relaterade produkter från en produktsida med hjälp av en sidbyggare som Divi eller Elementor.

Det är faktiskt så att du helt och hållet kan anpassa utseendet på WooCommerce produktsidan.

Du behöver dock inte göra något radikalt!

Du kan bygga om WooCommerce-produktsidan så att den ser väldigt mycket ut som standardmallen för produktsidan, men med några viktiga saker fixade i processen.

Vill du inaktivera relaterade produkter woocommerce? Inga problem – inkludera dem bara inte i dina nya produktsidedesigns

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

Vill du visa en kolumn av WooCommerce relaterade produkter på mobilen? Inga problem, ange det bara i din sidbyggare!

Vill du ändra storleken på bilden av WooCommerce relaterade produkter? Återigen, inga problem – gör bara bildstorlekarna exakt som du vill ha dem med sidbyggaren

Vill du ta bort WooCommerce relaterade produkter från endast vissa produkter? Inga problem, det är bara att inte inkludera ett avsnitt för relaterade produkter i WooCommerce Product Page Redesign för vissa sidor!

Vill du visa woocommerce relaterade produkter som en lista? Absolut inget problem, visa relaterade produkter exakt hur och var du vill på WooCommerce Produktsida.

Istället för att visa woocommerce relaterade produkter visa bästsäljare? Bra idé – och det är lätt att åstadkomma genom att använda en sidbyggare för att utforma din WooCommerce produktsida UTAN att röra en enda kodrad!

Så om du har funderat på hur du ska styra relaterade produkter på WooCommerce kanske du måste ta dig an den här utmaningen från en ny vinkel.

Ja – om du bara vill redigera avsnittet för relaterade produkter på WooCommerce produktsidan kan du göra det. Men det kommer sannolikt att innebära kod.

Tänk större.

Om du redigerar WooCommerce-produktsidan med hjälp av en sidbyggare kan du kontrollera allt på WooCommerce-produktsidans design.

Det betyder inte att du måste göra något radikalt!

Du kan helt enkelt kopiera den befintliga designen, men justera den något för att passa dina behov.

Kontrollera Divi-temat och Divi Builder nedan – de är grymma, kraftfulla och prisvärda.

Så till din fråga…

Kan man stänga av relaterade produkter i WooCommerce?

Ja, det finns ett antal sätt att stänga av relaterade produkter i WooCommerce på vissa produkter, eller så kan du inaktivera WooCommerce relaterade produkter på alla produktsidor. Vissa lösningar kräver att du lägger in kod i temafilerna, andra lösningar använder CSS i området Custom CSS i temaanpassaren.

Vi tror dock att den bättre lösningen är att ta kontroll över din produktsidedesign helt och hållet och inte förlita sig på mallen för produktsidan som tillhandahålls av ditt tema för att fungera med WooCommerce.

På detta sätt kan du ersätta WooCommerce Related Products och visa Best Sellers eller Upsell Products eller Cross Sell Products på WooCommerce Product page.

Det är helt möjligt att anpassa WooCommerce Product page när det gäller den visuella designen utan att röra en enda kodrad – som vi har visat med Divi Theme och Divi Builder tillvägagångssättet för att ersätta WooCommerce Related Products.

Så glöm inte att kolla in Divi – Klicka här eller klicka på bannern nedan:

Så här kontrollerar du WooCommerce Relaterade produkter

WooCommerce Related Products kan inte specificeras som WooCommerce Upsells och Cross-Sells, men relaterade produkter KAN påverkas av dig.

Om du kategoriserar produkter i samma produktkategori eller använder samma produkttaggar på dina WooCommerce-produkter gör du dina produkter ”relaterade” i WooCommerce-databasens ögon. Du kanske trodde att din webbplats endast organiserade WooCommerce-relaterade produkter efter produktkategori, men WooCommerce relaterar också produkter efter produkttaggar.

Om du, som de flesta WooCommerce-butiksägare, har ställt in flera produktkategorier och produkttaggar, är det troligt att en stor del av din produktkatalog visas som ”relaterade produkter” på WooCommerce-produktsidor.

Relaterade ämnen

Relaterade ämnen – Dölja element i WooCommerce

Om du undrar hur du kan dölja produkter i WooCommerce så att de inte visas på Shop-sidan och inte är synliga för besökarna i din webbutik – bör du ta del av vår omfattande guide om de olika sätten att dölja WooCommerce-produkter från produktkatalogen.

Relaterade ämnen – ta bort element från WooCommerce

Du har sökt efter:

ta bort relaterade produkter woocommerce

woocommerce ta bort relaterade produkter

woocommerce dölja relaterade produkter

hide relaterade produkter woocommerce

woocommerce inaktivera relaterade produkter. produkter

woocommerce stänga av relaterade produkter

stänga av relaterade produkter woocommerce

woocommerce relaterade produkter ta bort

relaterade produkter woocommerce ta bort

hur man stänger av relaterade produkter produkter i woocommerce

avaktivera relaterade produkter woocommerce

hur man tar bort relaterade produkter woocommerce

ta bort relaterade produkter från woocommerce

restrict woocommerce from showing related products

get rid of related products woocommerce

woocommerce suggested products

woocommerce linked products

woocommerce recommended products

Du var generellt intresserad av:

woocommerce relaterade produkter

relaterade produkter woocommerce

woocommerce auto relaterade produkter

relaterade produkter automatisk woocommerce

Du kanske också undrade:

woocommerce show related products

change related products text woocommerce

woocommerce change related products text

woocommerce change the ’related products’ text

woocommerce related products image size

number of related products woocommerce

woocommerce antal relaterade produkter

woocommerce ändra antal relaterade produkter

visa relaterade produkter woocommerce

woocommerce anpassade relaterade produkter

woocommerce visa relaterade produkter

woocommerce relaterade produkter produkter visas inte

woocommerce relaterade produkter slider

my woocommerce product page shows 2 related products rows

woocommerce change order of related products

edit related products woocommerce

woocommerce related products based on history

related produkter woocommerce storefront

woocommerce related products field not showing up

woocommerce remove related products from certain products

woocommerce the wrong related products are showing

Om du vill ha mer kontroll över WooCommerce Related Products kan du söka efter:

woocommerce related products plugin

woocommerce related products code

woocommerce related products by category

woocommerce related products same category

woocommerce related products shortcode