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 dine WooCommerce-butiksbesøgende for et bredere udvalg af dine produkter. WooCommerce viser lignende produkter på dine produktsider af en grund. Men hvis du ikke vil have dem vist, hvordan fjerner du WooCommerce-relaterede produkter eller deaktiverer dem i at blive vist?

WooCommerce Core består også af WooCommerce Cross Sell på kurvsiden og WooCommerce Upsells på produktsiden (omfatter alle typer WooCommerce-linkede produkter).

Med andre ord kan du bombardere dine loyale kunder med andre produkter, før de overhovedet ønskede at foretage deres første køb fra din butik på et givet tidspunkt.

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 Cross-Sells og WooCommerce Upsells, kan ikke tilpasses, men de kan påvirkes ved at gruppere lignende produkter sammen i samme produktkategori eller 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, butiksejere, e-handelsmarkedsførere og WooCommerce-udviklere deaktiverer WooCommerce-relaterede produkter på produktsiden.

Så sådan fungerer det ...

 

 

Når det kommer til at skjule WooCommerce-relaterede produkter, er mulighederne ganske få. Vælg den, der er lettest for dig at udføre.

  1. Du kan tilføje noget kode til functions.php-filen for et undertema.
  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 børnetema installeret på dit websted. Hvis du har gjort det før, burde dette være ret simpelt (især hvis du konfigurerer det). Bare rolig, hvis du har glemt at konfigurere dit børnetema.

Hvis du kan få adgang til Theme Editor via dit WordPress-dashboard (Udseende > Theme Editor).

Find derefter din functions.php-fil 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?" 

Her er løsningen:

Du kan gå videre og foretage nogle ændringer i filen wp-config.php ved at finde linjen ('DISALLOW FILE EDIT', true) og erstatte ordet 'true' med 'false', som vist nedenfor: 

(falsk, 'DISALLOW FILE EDIT')

Du behøver heller ikke at logge ind på din server eller cPanel for at foretage ændringer i filen wp-config.php; i stedet kan du bruge WP File Manager plugin.

Dette skal gendanne WordPress Theme Editor-indstillingen fuldt ud, så du kan fortsætte med at indsætte koden i functions.php-filen til Child Theme som planlagt. Tjek disse fejlfindingstrin for at få flere oplysninger om førnævnte.

Hvis du ikke allerede har opsat et børnetema og stadig vil bruge denne metode, skal du først gøre det. Her er hvordan man opretter og installerer et børnetema på din WordPress-hjemmesideless af hvilket tema du har installeret.

Fra et teknisk perspektiv mener jeg, at denne mulighed er en god løsning.

Du kan undgå problemet med temaopdateringer, der tilsidesætter koden ved at bruge et plugin til at indsætte kode i hovedtemaets functions.php-fil, og du behøver ikke at bruge et børnetema, 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. Hvis du sprang den over, er den her 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 hurtigt, effektivt og korrekt 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 dog fokuseret på at forhindre WooCommerce i at vise relaterede produkter på produktsider.

Ved at bruge en Page Builder 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 nogle få vigtige forskelle.

Vil du slå woocommerces 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 – brug bare 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 ikke et problem; Angiv det blot 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 af dine produkter? Intet problem; lad blot afsnittet Relaterede produkter stå tomt i WooCommerce-produktsidens redesign for visse sider!

Vil du oprette en liste over woocommerce-relaterede produkter? Det er ikke et problem; 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, 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 Page Builder 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 Custom CSS-sektionen i 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 Bestseller-, Upsell-produkter eller Cross-Sell-produkter.

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

Selvom WooCommerce-relaterede produkter ikke kan beskrives detaljeret som WooCommerce Upsells og Cross-Sells, 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 produktkategori, men WooCommerce forbinder også produkter med produkttags.

Hvis du har opsat forskellige produktkategorier og produkttags, 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
Forfatter: Shahzad SaeedInternet side: http://shahzadsaeed.com/
Shahzaad Saaed er blevet vist på et stort antal autoritetswebsteder som en WordPress-ekspert. Han har specialiseret sig i indholdsmarkedsføring for at hjælpe virksomheder med at øge deres trafik.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig 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 ...