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

WooCommerceen liittyvät tuotteet luodaan selkeänä tavoitteena esitellä WooCommerce-kauppasi vierailijoille laajempi valikoima tuotteitasi. WooCommerce näyttää samanlaisia ​​tuotteita tuotesivuillasi syystä. Mutta jos et halua niiden näkyvän, kuinka voit poistaa WooCommerceen liittyviä tuotteita tai estää niiden näkymisen?

WooCommerce Core koostuu myös WooCommerce Cross Sellistä ostoskorisivulla ja WooCommerce Upsells -tuotteista tuotesivulla (sisältää kaiken tyyppiset WooCommerceen linkitetyt tuotteet).

Toisin sanoen saatat pommittaa uskollisia asiakkaitasi muilla tuotteilla ennen kuin he edes haluavat tehdä ensimmäisen ostonsa kaupastasi milloin tahansa.

Saatat ihmetellä, kuinka WooCommerce valitsee, mitkä liittyvät tuotteet näytetään tuotesivulla. WooCommerceen liittyviä tuotteita, toisin kuin WooCommerce Cross Sells ja WooCommerce Upsells, ei voi muokata, mutta niihin voidaan vaikuttaa ryhmittelemällä samanlaiset tuotteet yhteen samaan tuoteluokkaan tai käyttämällä samoja tuotetunnisteita.

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

Ei siis ole yllätys, että monet kauppiaat, kauppojen omistajat, verkkokaupan markkinoijat ja WooCommerce-kehittäjät poistavat WooCommerceen liittyvät tuotteet käytöstä tuotesivulla.

Joten, miten se toimii…

 

 

Mitä tulee WooCommerceen liittyvien tuotteiden piilottamiseen, mahdollisuuksia on melko vähän. Valitse se, joka on sinulle helpoin suorittaa.

  1. Voit lisätä koodia alatason teeman functions.php-tiedostoon.
  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. Jos olet tehnyt niin aiemmin, tämän pitäisi olla melko yksinkertaista (varsinkin jos olet määrittänyt sen). Älä huoli, jos unohdit määrittää lapsiteeman.

Jos pääset teemaeditoriin WordPress-hallintapaneelin kautta (Ulkoasu > Teemaeditori).

Etsi sitten functions.php-tiedostosi 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?" 

Tässä on ratkaisu:

Voit jatkaa ja tehdä joitain muutoksia 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')

Sinun ei myöskään tarvitse kirjautua sisään palvelimellesi tai cPaneliin tehdäksesi muutoksia wp-config.php-tiedostoon; sen sijaan voit käyttää WP File Manager -laajennusta.

Tämän on palautettava WordPress Theme Editor -vaihtoehto kokonaan, jotta voit jatkaa koodin lisäämistä lapsiteeman functions.php-tiedostoon suunnitellusti. Katso nämä vianetsintävaiheet saadaksesi lisätietoja edellä mainituista.

Jos et ole vielä määrittänyt lapsiteemaa ja haluat silti käyttää tätä menetelmää, sinun on tehtävä se ensin. Tässä on miten luodaan ja asennetaan lapsiteemaa WordPress-verkkosivustollasi, tervehdysless mistä teemasta olet asentanut.

Teknisestä näkökulmasta tämä vaihtoehto on mielestäni hyvä ratkaisu.

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

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ä. Jos ohitit sen, tässä se taas:

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 nopeasti, tehokkaasti ja oikein 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 kuitenkin estämään WooCommercea näyttämästä aiheeseen liittyviä tuotteita tuotesivuilla.

Käyttämällä Page Builder -ohjelmaa, 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 lähes identtiseltä oletustuotesivumallin kanssa, mutta muutamalla keskeisellä erolla.

Haluatko poistaa käytöstä woocommercen 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 WooCommerceen liittyvien tuotteiden sarakkeen mobiililaitteella? Se ei ole ongelma; yksinkertaisesti määritä se 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 tuotteidesi alakategoriasta? Ei ongelmaa; jätä vain Liittyvät tuotteet -osio tyhjäksi WooCommerce-tuotesivun uudelleensuunnittelussa tietyillä sivuilla!

Haluatko luoda luettelon woocommerceen liittyvistä tuotteista? Se ei ole ongelma; WooCommerce-tuotesivulla voit näyttää liittyviä tuotteita juuri haluamallasi tavalla ja missä haluat.

Sen sijaan, että esittelet woocommerce-tuotteita, miksi et esittele bestsellereitä? 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 aiheeseen liittyviä tuotteita, jos haluat tehdä sen. Tämä edellyttää kuitenkin lähes varmasti koodin käyttöä.

Harkitse mahdollisuuksia.

Voit hallita kaikkea WooCommerce-tuotesivun suunnittelussa, jos käytät Page Builder -ohjelmaa WooCommerce-tuotesivun muokkaamiseen.

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 Custom CSS -osiossa.

Uskomme kuitenkin, että tuotesivusi suunnittelun täysi hallinta ja WooCommercen kanssa työskentelyyn sopiva vaihtoehto on olla luottamatta teemasi tarjoamaan tuotesivumalliin.

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

Kuten olemme nähneet Divi-teeman ja Divi Builder WooCommerce-tuotesivun korvaaminen WooCommerce-tuotesivulla on täysin mahdollista räätälöidä visuaalisen suunnittelun suhteen ilman, että tarvitsee koskea koodinpätkään.

Vaikka WooCommerceen liittyviä tuotteita ei voida yksityiskohtaisesti, kuten WooCommercen 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 luulla, että sivustosi on vain järjestänyt WooCommerceen liittyviä tuotteita tuotekategorioiden mukaan, mutta WooCommerce yhdistää tuotteet myös tuotetunnisteisiin.

Jos olet määrittänyt useita tuoteluokkia ja tuotetunnisteita, 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
Kirjoittaja: Shahzad SaeedVerkkosivu: http://shahzadsaeed.com/
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 ...