Poista käytöstä ja poista liittyvät tuotteet WooCommercessa – 5 tapaa piilottaa ne nopeasti

WooCommerceen liittyvät tuotteet luodaan selkeänä tavoitteena esitellä myymälän kävijöille laajempi tuotevalikoima.

Se on tehokas tapa kasvattaa keskimääräistä tilausarvoa tai tuoteostoksia, ja lähes jokainen kauppa käyttää konseptia.

Mutta jos et halua niiden näkyvän, kuinka voit poistaa WooCommerceen liittyviä tuotteita tai estää niiden näkymisen?

Saatat pommittaa asiakkaita muilla tuotteilla ennen kuin he edes halusivat tehdä ensimmäisen ostonsa kaupastasi milloin tahansa, eikä se ole hyvä tulos konversiolle.

Saatat ihmetellä, kuinka WooCommerce valitsee, mitkä liittyvät tuotteet näytetään tuotesivulla.

WooCommerceen liittyviä tuotteita ei voida räätälöidä, toisin kuin WooCommercen ristiinmyyntiä ja WooCommerce-lisämyyntiä.

Siihen voidaan vaikuttaa ryhmittelemällä samanlaiset tuotteet samaan tuoteluokkaan tai käyttämällä kuitenkin samoja tuotetunnisteita.

Saatat uskoa, että sivustosi järjestää vain WooCommerceen liittyviä tuotteita luokkien mukaan, mutta se ottaa huomioon myös tuotetunnisteet.

Ei siis ole yllätys, että monet kauppiaat poistavat WooCommerceen liittyvät tuotteet käytöstä tuotesivulla.

 

Kun kyse on WooCommerceen liittyvien tuotteiden piilottamisesta, sinulla on useita vaihtoehtoja.

Valitse se, joka on sinulle helpoin suorittaa.

  1. Voit lisätä koodin functions.php:hen.
  2. Lisää lisäosan avulla koodia pääfunctions.php-tiedostoon, jotta teemapäivitykset eivät ohita muutoksia.
  3. Käytä CSS:ää estääksesi vastaavien tuotteiden näkymisen tuotesivulla.

Ensimmäinen ratkaisu edellyttää, että sivustollesi on asennettu lapsiteema.

Suosittelemme käyttämään alatason teemaa, jotta muutokset eivät kirjoiteta päälle, kun WordPress-teema päivitetään.

Jos et ole määrittänyt lapsiteemaa ja haluat silti käyttää tätä menetelmää, sinun on luotava sellainen.

Tässä miten luodaan lapsiteemaa, huomioonless mistä teemasta olet asentanut.

Käytä teemaeditoria WordPress-hallintapaneelin kautta (Ulkoasu > Teemaeditori). Valitse sitten lapsesi teema.

Etsi functions.php-tiedosto ja liitä siihen seuraava koodi poistaaksesi WooCommerceen liittyvät tuotteet pysyvästi käytöstä.

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
Joissakin tapauksissa saatat kuitenkin ihmetellä: "Miksi WordPress-teemaeditori ei näy minulle?" 

Jos sinulla ei ole oikeutta muuttaa functions.php:tä, tässä on ratkaisu:

Voit tehdä yksinkertaisen muutoksen wp-config.php-tiedostoon etsimällä rivin ('DISALLOW FILE EDIT', true) ja korvaamalla sanan "true" sanalla "false" alla olevan kuvan mukaisesti:

(väärä, 'DISALLOW FILE EDIT')

Eli jos sinulla on lupa muokata kyseistä tiedostoa.

Tämä palauttaa WordPress Theme Editor -vaihtoehdon, jolloin voit lisätä koodin aliteeman functions.php-tiedostoon suunnitellusti.

Teknisestä näkökulmasta katson, että laajennuksen käyttö on hyvä ratkaisu, jos et halua sotkea koodia

Voit välttää ongelman, että teemapäivitykset ohittavat koodin lisäämällä koodin functions.php-tiedostoon liitännällä, eikä sinun tarvitse käyttää alateemaa, jos sinulla ei vielä sellaista ole.

Koodinpätkälaajennus vaaditaan ensin. Jotkut näistä ovat täysin ilmaisia, vahvoja ja tuettuja laajennuksia, jotka löytyvät WordPress.org-arkistosta.

Jotkut laajennukset, joista voi olla apua, ovat: Omat mukautetut toiminnot by Space X-Chimp ja Code Snippets Pron Code Snippets.

Omat mukautetut toiminnot

Kun olet asentanut jonkin näistä laajennuksista, voit jatkaa ja liittää koodin edellisestä menetelmästä.

Tässä se taas on:

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

Noudata vain laajennuksen kehittäjän antamia ohjeita (jotka ovat yleensä niin yksinkertaisia ​​kuin koodin kopioiminen ja liittäminen laatikkoon) piilottaaksesi WooCommerceen liittyvät tuotteet tuotesivulta.

Tämä on suhteellisen yksinkertainen korjaus. Mutta se on "CSS-korjaus" eikä "koodikorjaus", mikä tarkoittaa, että toiminto on edelleen käynnissä taustalla, mutta käsket sitä olemaan käyttämättä tyyliä.

Tämä ei välttämättä häiritse sinua ainakaan. Siinä tapauksessa voit helposti poistaa liittyvät tuotteet käytöstä WooCommerce-tuotesivulla liittämällä tämän CSS:n WooCommerce-teema Mukauttajan "Muokattu CSS" -osio.

Liitä seuraava CSS kohtaan Ulkoasu > Mukauta > Mukautettu CSS:

.Liittyvät tuotteet {
display: none;
}

Se siitä; WooCommerceen liittyvät tuotteet on poistettu verkkosivustostasi.

Nämä kolme esimerkkiä keskittyvät estämään WooCommercea näyttämästä aiheeseen liittyviä tuotteita tuotesivuilla.

Käyttämällä sivunrakennusohjelmaa, kuten Divi tai Elementor, voit poistaa WooCommerceen liittyvät tuotteet tuotesivulta.

Itse asiassa WooCommerce-tuotesivun ulkoasua voidaan muokata täysin.

Sinun ei kuitenkaan tarvitse ryhtyä radikaaleihin toimenpiteisiin!

Voit rakentaa uuden WooCommerce-tuotesivun näyttämään melkein samalta kuin oletustuotesivumalli, mutta muutamalla keskeisellä erolla.

Haluatko sammuttaa WooCommerceen liittyvät tuotteet? Ei ongelmaa; jätä ne pois uusien tuotesivujesi suunnittelusta.

Haluatko muuttaa WooCommerce-tuotesivujen tekstiä, joka viittaa vastaaviin tuotteisiin?

Ei hätää – käytä vain Divin kaltaista sivunrakennusohjelmaa vaihtaaksesi otsikon mihin tahansa haluamaasi.

Haluatko näyttää yhden sarakkeen WooCommerceen liittyvistä tuotteista mobiililaitteella?

Sekään ei ole ongelma. Määritä se vain sivun rakennustyökalussasi!

Haluatko muuttaa WooCommerceen liittyvien tuotteiden kuvakokoa?

Ei hätää – käytä vain sivunrakennustyökalua kuvien kokojen säätämiseen haluamallasi tavalla.

Haluatko sulkea WooCommerceen liittyvät tuotteet pois alakategoriasta?

Ei ongelmaa; jätä vain tiettyjen sivujen aiheeseen liittyvät tuotteet -osio tyhjäksi!

Haluatko luoda luettelon WooCommerceen liittyvistä tuotteista?

WooCommerce-tuotesivulla voit näyttää liittyviä tuotteita juuri haluamallasi tavalla ja missä haluat.

Sen sijaan, että esittelet WooCommerceen liittyviä tuotteita, miksi et näytä myydyimpiä tuotteita?

Suunnittele WooCommerce-tuotesivusi ilman koodia sivunrakennustyökalun avulla on loistava idea – ja se on helppo tehdä!

Joten jos olet utelias tietämään, kuinka voit hallita WooCommercessa liittyviä tuotteita, sinun on ehkä lähestyttävä ongelmaa eri näkökulmasta.

Kyllä, voit muokata WooCommerce-tuotesivun liittyvien tuotteiden osiota, jos haluat tehdä vain sen.

Tämä edellyttää kuitenkin lähes varmasti koodin käyttöä.

Harkitse mahdollisuuksia.

Voit hallita kaikkea WooCommerce-tuotesivun suunnittelussa, jos käytät WooCommerce-tuotesivun muokkaamiseen sivunrakennusohjelmaa.

Se ei tarkoita, että sinun on ryhdyttävä radikaaleihin toimenpiteisiin!

Voit yksinkertaisesti kopioida olemassa olevan mallin ja tehdä pieniä muutoksia tarpeidesi mukaan.

Tutustu Divi-teemaan ja Divi Builder, jotka molemmat ovat mahtavia, tehokkaita ja halpoja.

Kyllä, voit poistaa WooCommerceen liittyvät tuotteet käytöstä kaikilta tuotesivuilta tai voit kytkeä niihin liittyvät tuotteet pois päältä tietyistä WooCommerce-tuotteista.

Jotkut ratkaisut vaativat koodauksen teematiedostoihin, kun taas toiset luottavat CSS:ään teemamuokkaajan mukautetussa CSS-osiossa.

Uskomme kuitenkin, että tuotesivusi suunnittelun täysi hallinta ja WooCommercen kanssa työskentelyyn luottamatta jättäminen teemasi tarjoamaan tuotesivumalliin on parempi vaihtoehto.

WooCommerce-tuotesivulla voit aloittaa WooCommerceen liittyvien tuotteiden korvaamisen bestseller-, lisämyyntituotteilla tai ristiinmyyntituotteilla.

Kuten olemme nähneet Divi-teeman ja Divi Builder WooCommerceen liittyvien tuotteiden korvaamiseen on täysin mahdollista mukauttaa tuotesivua ilman, että tarvitsee koskea koodinpätkään.

Vaikka WooCommerceen liittyviä tuotteita ei voidakaan yksityiskohtaisesti, kuten WooCommerce-lisämyyntiä ja ristiinmyyntiä, voit vaikuttaa niihin liittyviin tuotteisiin.

WooCommerce-tietokannan silmissä tuotteiden luokitteleminen samaan tuoteluokkaan tai samojen tuotetunnisteiden käyttäminen WooCommerce-tuotteissa tekee niistä "sukuisia".

Saatat ajatella, että sivustosi on vain järjestänyt WooCommerceen liittyviä tuotteita luokkien mukaan, mutta WooCommerce yhdistää tuotteet myös tunnisteisiin.

Jos olet määrittänyt useita luokkia ja tunnisteita kuten useimmat WooCommerce-yritysten omistajat, näet todennäköisesti suuren osan tuoteluettelostasi "liittyvänä tuotteina" WooCommercen tuotesivuilla.

1. Piilota ne CSS:llä 2. Muokkaa PHP:tä koodinpätkien avulla liittyvien tuotteiden poistamiseksi käytöstä 3. WooCommerce-tuotesivun uudelleenrakentaminen käyttämällä sivunrakennusohjelmaa, kuten Divi, lukuun ottamatta suunnittelun Liittyvät tuotteet -osiota.

WooCommerce käyttää tuotekategorioita ja tuotetunnisteita tuotteiden ryhmittelyyn. Jos haluat muuttaa toisiinsa liittyviä tuotteita, sinun on ensin muutettava tuotekategorioita ja tunnisteita.

WooCommerce-tuotesivun mukauttaminen on parempi tapa hallita WooCommerce-tuotesivulla näkyviä "liittyviä tuotteita". Voit valita, näytetäänkö käyttäjän määrittelemät ristiinmyynti- ja lisämyyntituotteet WooCommercen määrittämien liittyvien tuotteiden sijaan.

kirjailijasta
Shahzad Saeed
Shahzaad Saaed on ollut esillä lukuisilla viranomaisverkkosivustoilla WordPress-asiantuntijana. Hän on erikoistunut sisältömarkkinointiin auttaakseen yrityksiä kasvattamaan liikennettä.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...