Deaktiver og fjern relaterede produkter i WooCommerce – 5 måder at skjule dem hurtigt

WooCommerce-relaterede produkter er skabt med det klare mål at præsentere butiksbesøgende for et bredere udvalg af produkter.

Det er en effektiv måde at øge den gennemsnitlige ordreværdi eller produktkøb, og stort set alle butikker bruger konceptet.

Men hvis du ikke vil have dem vist, hvordan fjerner du WooCommerce-relaterede produkter eller deaktiverer dem i at blive vist?

Du kan bombardere kunder med andre produkter, før de overhovedet ønskede at foretage deres første køb fra din butik på et givet tidspunkt, og det er ikke fantastisk til konvertering.

Du undrer dig måske over, hvordan WooCommerce vælger, hvilke relaterede produkter der skal vises på produktsiden.

WooCommerce-relaterede produkter, i modsætning til WooCommerce krydssalg og WooCommerce-mersalg, kan ikke tilpasses.

Det kan påvirkes ved at gruppere lignende produkter sammen i samme produktkategori eller ved at bruge de samme produkttags.

Du tror måske, at dit websted kun organiserer WooCommerce-relaterede produkter efter kategori, men det tager også produkttags i betragtning.

Det er derfor ingen overraskelse, at mange købmænd deaktiverer WooCommerce-relaterede produkter på produktsiden.

 

Når det kommer til at skjule WooCommerce-relaterede produkter, har du flere muligheder.

Vælg den, der er lettest for dig at udføre.

  1. Du kan tilføje kode til functions.php.
  2. Brug et plugin til at tilføje noget kode til hovedfilen functions.php, så temaopdateringer ikke tilsidesætter ændringer.
  3. Brug CSS til at forhindre relaterede produkter i at blive vist på produktsiden.

Den første løsning kræver, at du har et underetema installeret på dit websted.

Vi anbefaler at bruge et undertema, så dine ændringer ikke overskrives, når WordPress-temaet opdateres.

Hvis du ikke har opsat et underetema og stadig vil bruge denne metode, skal du oprette et.

Her er hvordan man opretter et børnetema, hensynless af hvilket tema du har installeret.

Få adgang til temaeditoren via dit WordPress-dashboard (Udseende > Temaeditor). Vælg derefter dit barns tema.

Find functions.php-filen og indsæt følgende kode i den for permanent at deaktivere WooCommerce-relaterede produkter.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
Men i nogle tilfælde undrer du dig måske, "Hvorfor er WordPress Theme Editor ikke synlig for mig?" 

Hvis du ikke har tilladelse til at ændre functions.php, er her løsningen:

Du kan lave en simpel ændring af din wp-config.php fil ved at finde linjen ('DISALLOW FILE EDIT', true) og erstatte ordet 'true' med 'false', som vist nedenfor:

(falsk, 'DISALLOW FILE EDIT')

Det er, hvis du har tilladelse til at redigere den fil.

Dette vil gendanne WordPress Theme Editor-indstillingen, så du kan indsætte koden i functions.php-filen for undertemaet som planlagt.

Fra et teknisk perspektiv tror jeg, at det er en god løsning at bruge et plugin, hvis du ikke vil rode med kode

Du kan undgå problemet med temaopdateringer, der tilsidesætter koden ved at bruge et plugin til at indsætte kode i functions.php-filen, og du behøver ikke bruge et undertema, hvis du ikke allerede har et.

Et kodestykke-plugin er påkrævet først. Nogle få af disse er helt gratis, stærke og understøttede plugins, som kan findes på WordPress.org-lageret.

Nogle plugins, der kan være nyttige er: My Custom Functions af Space X-Chimp og Code Snippets af Code Snippets Pro.

Mine brugerdefinerede funktioner

Når du har installeret et af disse plugins, kan du gå videre og indsætte koden fra den forrige metode.

Her er den igen:

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

Du skal blot følge instruktionerne fra plugin-udvikleren (som normalt er så enkle som at kopiere og indsætte koden i en boks) for at skjule WooCommerce-relaterede produkter fra produktsiden.

Dette er en forholdsvis enkel løsning. Men det er en "CSS rettelse" snarere end en "kode rettelse", hvilket betyder, at funktionen stadig kører i baggrunden, men du fortæller den ikke at bruge en stil.

Dette generer dig måske ikke det mindste. I så fald kan du nemt deaktivere relaterede produkter på WooCommerce-produktsiden ved at indsætte denne CSS i din WooCommerce-tema Customizers "Custom CSS"-sektion.

Indsæt følgende CSS i Udseende > Tilpas > Tilpasset CSS:

.Relaterede produkter {
display: none;
}

Det er det; WooCommerce-relaterede produkter er blevet fjernet fra din hjemmeside.

Disse tre eksempler er fokuseret på at forhindre WooCommerce i at vise relaterede produkter på produktsider.

Ved at bruge en sidebygger som Divi eller Elementor kan du slette de WooCommerce-relaterede produkter fra en produktside.

Faktisk kan udseendet af WooCommerce-produktsiden tilpasses fuldstændigt.

Du er dog ikke forpligtet til at tage nogle drastiske foranstaltninger!

Du kan bygge en ny WooCommerce-produktside, så den ser næsten identisk ud med standardproduktsideskabelonen, men med et par vigtige forskelle.

Vil du slå WooCommerce-relaterede produkter fra? Intet problem; bare udelad dem fra dine nye produktsidedesigns.

Vil du ændre teksten på WooCommerce-produktsider, der henviser til relaterede produkter?

Intet problem - bare brug en sidebygger som Divi til at ændre titlen til noget, du ønsker.

På mobil, vil du vise en enkelt kolonne med WooCommerce-relaterede produkter?

Det er heller ikke noget problem. Du skal blot angive det i din sidebygger!

Vil du ændre billedstørrelsen på WooCommerce-relaterede produkter?

Intet problem – brug bare sidebyggeren til at justere billedstørrelserne efter din smag.

Vil du udelukke WooCommerce-relaterede produkter fra en underkategori?

Intet problem; lad blot sektionen med relaterede produkter være tom for visse sider!

Vil du oprette en liste over WooCommerce-relaterede produkter?

På WooCommerce-produktsiden kan du vise relaterede produkter præcis, hvordan og hvor du vil.

I stedet for at vise WooCommerce-relaterede produkter, hvorfor så ikke vise bestsellere?

Brug en sidebygger til at designe din WooCommerce-produktside uden nogen kode er en god idé – og det er nemt at gøre!

Så hvis du er nysgerrig efter at vide, hvordan du kontrollerer relaterede produkter i WooCommerce, er det muligt, at du skal gribe problemet an fra et andet perspektiv.

Ja, du kan redigere den relaterede produktsektion på WooCommerce-produktsiden, hvis det er alt, hvad du vil gøre.

Dette vil dog næsten helt sikkert nødvendiggøre brugen af ​​kode.

Overvej mulighederne.

Du kan kontrollere alt på WooCommerce-produktsidedesignet, hvis du bruger en sidebygger til at redigere WooCommerce-produktsiden.

Det betyder ikke, at du skal tage nogle drastiske foranstaltninger!

Du kan blot kopiere det eksisterende design og foretage mindre ændringer for at matche dine krav.

Tjek Divi-temaet og Divi Builder, som begge er fantastiske, kraftfulde og billige.

Ja, du kan deaktivere WooCommerce-relaterede produkter blandt alle produktsider, eller du kan slå relaterede produkter fra på specifikke produkter i WooCommerce.

Nogle løsninger kræver kodning i temafilerne, mens andre er afhængige af CSS i den brugerdefinerede CSS-sektion af tematilpasningen.

Vi mener dog, at det er den bedre mulighed at tage fuld kontrol over dit produktsidedesign og ikke stole på produktsideskabelonen fra dit tema for at arbejde med WooCommerce.

På WooCommerce-produktsiden kan du begynde at erstatte WooCommerce-relaterede produkter med bestsellere, mersalgsprodukter eller krydssalgsprodukter.

Som vi har set med Divi-temaet og Divi Builder tilgang til at erstatte WooCommerce-relaterede produkter, er det fuldt ud muligt at tilpasse produktsiden uden at skulle røre et stykke kode.

Selvom WooCommerce-relaterede produkter ikke kan beskrives detaljeret som WooCommerce-mersalg og krydssalg, kan du påvirke relaterede produkter.

I WooCommerce-databasens øjne gør kategorisering af produkter i samme produktkategori eller brug af de samme produkttags på dine WooCommerce-produkter dem "relaterede".

Du tror måske, at dit websted kun organiserede WooCommerce-relaterede produkter efter kategori, men WooCommerce forbinder også produkter med tags.

Hvis du har opsat forskellige kategorier og tags som de fleste WooCommerce-virksomhedsejere, vil du sandsynligvis se en stor del af dit produktkatalog blive vist som "relaterede produkter" på WooCommerce-produktsider.

1. Skjul dem med CSS 2. Brug af kodestykker til at ændre PHP for at deaktivere relaterede produkter 3. Genopbygning af WooCommerce-produktsiden ved hjælp af en sidebygger som Divi, bortset fra afsnittet Relaterede produkter fra designet.

WooCommerce bruger produktkategorier og produkttags til at gruppere produkter sammen. For at ændre, hvilke produkter der er relaterede, skal du først ændre produktkategorierne og tags.

Tilpasning af WooCommerce-produktsiden er en bedre måde at administrere de "relaterede produkter", der vises på WooCommerce-produktsiden. Du kan vælge at vise brugerspecificerede "krydssalg" og "mersalg"-produkter i stedet for de WooCommerce-definerede relaterede produkter.

Om forfatteren
Shahzad Saeed
Shahzaad Saaed har været med på en lang række autoritetswebsteder, herunder EasyDigitalDownloads, OptinMonster og WPBeginner, hvor han i øjeblikket er ansat som senior indholdsforfatter. Shahzad er WordPress-ekspert, webdesigner og overordnet teknologi- og designekspert. Han har specialiseret sig i content marketing for at hjælpe virksomheder med at vokse deres trafik gennem handlingsrettede og erfaringsbaserede artikler, blogs og ekspertguider, alt sammen hentet fra hans over 10 års erfaring på området.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...