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

WooCommerce-relaterte produkter er laget med det klare målet å presentere butikkbesøkende for et bredere spekter av produkter.

Det er en effektiv måte å øke gjennomsnittlig ordreverdi eller produktkjøp, og omtrent alle butikker bruker konseptet.

Men hvis du ikke vil at de skal vises, hvordan fjerner du WooCommerce-relaterte produkter eller deaktiverer dem fra å vises?

Du kan bombardere kunder med andre produkter før de i det hele tatt ønsket å gjøre sitt første kjøp fra butikken din til enhver tid, og det er ikke bra for konvertering.

Du lurer kanskje på hvordan WooCommerce velger hvilke relaterte produkter som skal vises på produktsiden.

WooCommerce-relaterte produkter, i motsetning til WooCommerce-krysssalg og WooCommerce-oppsalg, kan ikke tilpasses.

Det kan imidlertid 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å produktkoder.

Det er derfor ingen overraskelse at mange selgere deaktiverer WooCommerce-relaterte produkter på produktsiden.

Innhold[Show]

 

Når det gjelder å skjule WooCommerce-relaterte produkter, har du flere alternativer.

Velg den som er lettest for deg å utføre.

  1. Du kan legge til kode i functions.php.
  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 undertema installert på nettstedet ditt.

Vi anbefaler å bruke et undertema slik at endringene dine ikke overskrives når WordPress-temaet oppdateres.

Hvis du ikke har satt opp et undertema og fortsatt vil bruke denne metoden, må du opprette et.

Her er hvordan lage et barnetema, hensynless av hvilket tema du har installert.

Få tilgang til temaredigering via WordPress-dashbordet (Utseende > Temaredigering). Velg deretter barnets tema.

Finn functions.php-filen 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?" 

Hvis du ikke har tillatelse til å endre functions.php, her er løsningen:

Du kan gjøre en enkel endring 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')

Det er hvis du har tillatelse til å redigere den filen.

Dette vil gjenopprette WordPress Theme Editor-alternativet, slik at du kan sette inn koden i functions.php-filen til barnetemaet som planlagt.

Fra et teknisk perspektiv tror jeg å bruke en plugin er en god løsning hvis du ikke vil rote med kode

Du kan unngå problemet med temaoppdateringer som overstyrer koden ved å bruke en plugin for å sette inn kode i functions.php-filen, 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.

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 å 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 fokusert på å hindre WooCommerce fra å vise relaterte produkter på produktsider.

Hvordan bli kvitt relaterte produkter på WooCommerce-produktsider ved hjelp av en sidebygger

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 for å se nesten identisk ut med standard produktsidemal, men med noen få viktige forskjeller.

Vil du slå av WooCommerce-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 heller ikke noe 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.

Vil du ekskludere WooCommerce-relaterte produkter fra en underkategori?

Ikke noe problem; bare la den relaterte produktdelen stå tom for enkelte sider!

Vil du lage en liste over WooCommerce-relaterte produkter?

På WooCommerce-produktsiden kan du vise relaterte produkter akkurat hvordan og hvor du vil.

I stedet for å vise WooCommerce-relaterte produkter, hvorfor ikke vise bestselgere?

Bruk en sidebygger til å designe WooCommerce-produktsiden din 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.

Dette vil imidlertid nesten helt sikkert nødvendiggjøre bruk av kode.

Vurder mulighetene.

Du kan kontrollere alt på WooCommerce-produktsidedesignet 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 behov.

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 den tilpassede CSS-delen av tematilpasningen.

Vi tror imidlertid at å ta full kontroll over produktsidedesignet ditt 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 produktsiden uten å måtte berøre en kodebit.

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 gjør kategorisering av produkter i samme produktkategori eller bruk av de samme produktetikettene på WooCommerce-produktene dem "relaterte".

Du tror kanskje at nettstedet ditt bare organiserte WooCommerce-relaterte produkter etter kategori, men WooCommerce forbinder også produkter med tagger.

Hvis du har satt opp ulike kategorier og tagger 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/E-post: shahzad@collectiveray. Med
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 ...