Deaktiver og fjern relaterte produkter i WooCommerce – 5 måter å skjule dem raskt

WooCommerce-relaterte produkter er laget med det klare målet å presentere WooCommerce-butikkbesøkende for et bredere utvalg av produktene dine. WooCommerce viser lignende produkter på produktsidene dine av en grunn. Men hvis du ikke vil at de skal vises, hvordan fjerner du WooCommerce-relaterte produkter eller deaktiverer dem fra å vises?

WooCommerce Core består også av WooCommerce Cross Sell på handlekurvsiden og WooCommerce Upsells på produktsiden (inkluderer alle typer WooCommerce-lenkede produkter).

Med andre ord kan du bombardere dine lojale kunder med andre produkter før de til enhver tid ønsket å gjøre sitt første kjøp fra butikken din.

Du lurer kanskje på hvordan WooCommerce velger hvilke relaterte produkter som skal vises på produktsiden. WooCommerce-relaterte produkter, i motsetning til WooCommerce Cross-Sells og WooCommerce Upsells, kan ikke tilpasses, men de kan påvirkes ved å gruppere lignende produkter sammen i samme produktkategori eller bruke de samme produktetikettene.

Du tror kanskje at nettstedet ditt bare organiserer WooCommerce-relaterte produkter etter kategori, men det vurderer også produktetiketter.

Det er derfor ingen overraskelse at mange selgere, butikkeiere, e-handelsmarkedsførere og WooCommerce-utviklere deaktiverer WooCommerce-relaterte produkter på produktsiden.

Så, her er hvordan det fungerer...

 

 

Når det gjelder å skjule WooCommerce-relaterte produkter, er mulighetene ganske mange. Velg den som er lettest for deg å utføre.

  1. Du kan legge til noe kode i functions.php-filen til et undertema.
  2. Ved å bruke en plugin, legg til litt kode i hovedfilen functions.php slik at temaoppdateringer ikke overstyrer endringer.
  3. Bruk CSS for å forhindre at relaterte produkter vises på produktsiden.

Den første løsningen krever at du har et Child Theme installert på nettstedet ditt. Hvis du har gjort det før, bør dette være ganske enkelt (spesielt hvis du setter det opp). Ikke bekymre deg hvis du har glemt å sette opp barnetemaet ditt.

Hvis du har tilgang til Theme Editor via WordPress-dashbordet (Utseende > Theme Editor).

Finn deretter functions.php-filen din og lim inn følgende kode i den for å deaktivere WooCommerce-relaterte produkter permanent.

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

Men i noen tilfeller lurer du kanskje på "Hvorfor er ikke WordPress Theme Editor synlig for meg?" 

Her er løsningen:

Du kan gjøre noen endringer i filen wp-config.php ved å finne linjen ('DISALLOW FILE EDIT', true) og erstatte ordet 'true' med 'false', som vist nedenfor: 

(false, 'DISALLOW FILE EDIT')

Du trenger heller ikke logge på serveren eller cPanel for å gjøre endringer i filen wp-config.php; i stedet kan du bruke WP File Manager-plugin.

Dette må gjenopprette WordPress Theme Editor-alternativet fullstendig, slik at du kan fortsette med å sette inn koden i functions.php-filen til Child Theme som planlagt. Sjekk ut disse feilsøkingstrinnene for mer informasjon om det nevnte.

Hvis du ikke allerede har satt opp et barnetema og fortsatt ønsker å bruke denne metoden, må du gjøre det først. Her er hvordan lage og installere et undertema på WordPress-nettstedet ditt, hensynless av hvilket tema du har installert.

Fra et teknisk perspektiv tror jeg dette alternativet er en god løsning.

Du kan unngå problemet med temaoppdateringer som overstyrer koden ved å bruke en plugin for å sette inn kode i hovedtemaets functions.php-fil, og du trenger ikke bruke et undertema hvis du ikke allerede har et.

En kodebit-plugin kreves først. Noen få av disse er helt gratis, sterke og støttede plugins som kan finnes på WordPress.org-depotet.

Noen plugins som kan være nyttige er: Mine tilpassede funksjoner av Space X-Chimp og kodebiter av kodebiter Pro.

Mine egendefinerte funksjoner

Når du har installert en av disse pluginene, kan du gå videre og lime inn koden fra forrige metode. Hvis du hoppet over det, her er det igjen:

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

Bare følg instruksjonene gitt av plugin-utvikleren (som vanligvis er så enkle som å kopiere og lime inn koden i en boks) for raskt, effektivt og riktig å skjule WooCommerce-relaterte produkter fra produktsiden.

Dette er en relativt enkel løsning. Men det er en "CSS-fix" i stedet for en "code fix", som betyr at funksjonen fortsatt kjører i bakgrunnen, men du forteller den ikke å bruke en stil.

Dette plager deg kanskje ikke det minste. I så fall kan du enkelt deaktivere relaterte produkter på WooCommerce-produktsiden ved å lime inn denne CSS-en i din WooCommerce-tema Customisers «Egendefinert CSS»-del. Lim inn følgende CSS i Utseende > Tilpass > Tilpasset CSS:

.Relaterte produkter {
display: none;
}

Det er det; WooCommerce-relaterte produkter er fjernet fra nettstedet ditt.

Disse tre eksemplene er imidlertid fokusert på å hindre WooCommerce fra å vise relaterte produkter på produktsider.

Ved å bruke en sidebygger som Divi eller Elementor kan du slette WooCommerce-relaterte produkter fra en produktside.

Faktisk kan utseendet til WooCommerce-produktsiden tilpasses fullstendig.

Du er imidlertid ikke pålagt å ta noen drastiske tiltak!

Du kan bygge en ny WooCommerce-produktside som ser nesten identisk ut med standard produktsidemal, men med noen få viktige forskjeller.

Vil du slå av woocommerce sine relaterte produkter? Ikke noe problem; bare la dem være ute av dine nye produktsidedesign.

Vil du endre teksten på WooCommerce-produktsidene som refererer til relaterte produkter? Ikke noe problem – bare bruk en sidebygger som Divi for å endre tittelen til hva du vil.

På mobil, vil du vise en enkelt kolonne med WooCommerce-relaterte produkter? Det er ikke et problem; bare spesifiser det i sidebyggeren din!

Vil du endre bildestørrelsen på woocommerce-relaterte produkter? Ikke noe problem – bare bruk sidebyggeren for å justere bildestørrelsene slik du vil.

Ønsker du å ekskludere WooCommerce-relaterte produkter fra en underkategori av produktene dine? Ikke noe problem; bare la Relaterte produkter-delen stå tom i WooCommerce Product Page Redesign for visse sider!

Vil du lage en liste over woocommerce-relaterte produkter? Det er ikke et problem; på WooCommerce-produktsiden kan du vise relaterte produkter nøyaktig hvordan og hvor du vil.

I stedet for å vise woocommerce-relaterte produkter, hvorfor ikke vise bestselgere? Bruk en sidebygger til å designe din WooCommerce-produktside uten kode er en god idé – og det er enkelt å gjøre!

Så hvis du er nysgjerrig på å vite hvordan du kontrollerer relaterte produkter i WooCommerce, er det mulig du må nærme deg problemet fra et annet perspektiv.

Ja, du kan redigere den relaterte produktdelen av WooCommerce-produktsiden hvis det er alt du vil gjøre. Imidlertid vil dette nesten helt sikkert nødvendiggjøre bruk av kode.

Vurder mulighetene.

Du kan kontrollere alt på WooCommerce produktsidedesign hvis du bruker en sidebygger til å redigere WooCommerce-produktsiden.

Det betyr ikke at du må ta noen drastiske tiltak!

Du kan ganske enkelt kopiere det eksisterende designet og gjøre mindre endringer for å matche dine krav.

Sjekk ut Divi-temaet og Divi Builder, som begge er flotte, kraftige og billige.

Ja, du kan deaktivere WooCommerce-relaterte produkter blant alle produktsider, eller du kan slå av relaterte produkter på spesifikke produkter i WooCommerce. Noen løsninger krever koding i temafilene, mens andre er avhengige av CSS i Custom CSS-delen av tematilpasningen.

Vi tror imidlertid at det å ta full kontroll over produktsidedesignet og ikke stole på produktsidemalen fra temaet ditt for å jobbe med WooCommerce er det bedre alternativet.

På WooCommerce-produktsiden kan du begynne å erstatte WooCommerce-relaterte produkter med bestselgere, mersalgsprodukter eller krysssalgsprodukter.

Som vi har sett med Divi-temaet og Divi Builder tilnærming til å erstatte WooCommerce-relaterte produkter, er det fullt mulig å tilpasse WooCommerce-produktsiden i forhold til visuell design uten å måtte røre et stykke kode.

Selv om WooCommerce-relaterte produkter ikke kan beskrives detaljert som WooCommerce-oppsalg og krysssalg, kan du påvirke relaterte produkter.

I øynene til WooCommerce-databasen vil kategorisering av produkter i samme produktkategori eller bruk av de samme produktetikettene på WooCommerce-produktene dine gjøre dem "relaterte". Du tror kanskje at nettstedet ditt bare organiserte WooCommerce-relaterte produkter etter produktkategori, men WooCommerce forbinder også produkter med produktetiketter.

Hvis du har satt opp ulike produktkategorier og produktkoder, som de fleste WooCommerce-bedriftseiere, vil du sannsynligvis se en stor del av produktkatalogen din vises som "relaterte produkter" på WooCommerce-produktsidene.

1. Skjul dem med CSS 2. Bruke kodebiter for å modifisere PHP for å deaktivere relaterte produkter 3. Gjenoppbygge WooCommerce-produktsiden ved å bruke en sidebygger som Divi, bortsett fra Relaterte produkter-delen fra designet.

WooCommerce bruker produktkategorier og produktetiketter for å gruppere produkter. For å endre hvilke produkter som er relatert, må du først endre produktkategoriene og -taggene.

Å tilpasse WooCommerce-produktsiden er en bedre måte å administrere de "relaterte produktene" som vises på WooCommerce-produktsiden. Du kan velge å vise brukerspesifiserte "krysssalg" og "oppsalg"-produkter i stedet for de WooCommerce-definerte relaterte produktene.

om forfatteren
Shahzad Saeed
Forfatter: Shahzad Saeednettside: http://shahzadsaeed.com/
Shahzaad Saaed har blitt omtalt på et stort antall autoritetsnettsteder, som en WordPress-ekspert. Han spesialiserer seg på innholdsmarkedsføring for å hjelpe virksomheten med å øke trafikken.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...