Kuinka piilottaa / poistaa Lisää ostoskoriin -painike WooCommercessa (vaihe vaiheelta)

Kuinka piilottaa ja poistaa Lisää ostoskoriin -painike WooCommercessa

Aloitetaan selvittämällä, miksi saatat haluta piilottaa Lisää ostoskoriin -painikkeen. Yksi tehokkaimmista tavoista poistaa tietyn tuotteen tai kaupan ostoprosessi käytöstä on poistaa Lisää ostoskoriin -painike. Vaikka se saattaa tuntua oudolta, Lisää ostoskoriin -painikkeen poistaminen voi olla erittäin hyödyllistä joissakin olosuhteissa.

On monia syitä, miksi saatat haluta poistaa Lisää ostoskoriin -painikkeen joiltakin myymäläsi sivuilta sen lisäksi, että saat lisää mukautusvaihtoehtoja:

  1. Kun tuote on loppunut tai sitä ei ole enää saatavilla
  2. Painikkeen deaktivointi logiikan perusteella (eli tietyille käyttäjärooleille tai tuotteille, kirjautumattomille käyttäjille jne.)
  3. Tuote ei ole vielä ostettavissa.
  4. Kun haluat asiakkaiden käyttävän tätä painiketta WooCommercen tavallisen ostoprosessin sijaan viestin lähettämiseen tai haastattelun järjestämiseen.

Nämä ovat vain muutamia esimerkkejä siitä, milloin saatat haluta piilottaa tai poistaa Lisää ostoskoriin -painikkeen kaupastasi. Aloitetaan WooCommerce-lisäys ostoskoriin -painikkeen poistaminen kaupastasi.

 

Kuinka poistaa Lisää ostoskoriin -painike WooCommercessa

Tässä artikkelissa opit piilottamaan Lisää ostoskoriin -painikkeen eri tavoilla. Näytämme sinulle, kuinka voit tehdä seuraavan, jotta saat lisää vaihtoehtoja:

  1. Poista tai piilota Lisää ostoskoriin -painike koko sivustolta.
  2. Piilota Lisää ostoskoriin -painike käyttäjiltä, ​​jotka eivät ole kirjautuneet sisään.
  3. Poista Lisää ostoskoriin -painike käyttäjäroolien perusteella.
  4. Piilota Lisää ostoskoriin -painike tiettyjen tuotteiden kohdalla.
  5. Poista Lisää ostoskoriin -painike käytöstä vain joissakin luokissa
  6. Poista painike väliaikaisesti ja se tulee uudelleen näkyviin päivämäärän jälkeen.
  7. Tarkastellaan jokaista niistä eri osioissa.

Huomautus: Koska muokkaamme WordPress-ydintiedostoja, suosittelemme ottamaan täydellisen varmuuskopion sivustostasi siltä varalta, että jokin menee pieleen. Voit myös käyttää lapsiteemaa. Jos sinulla ei vielä ole sellaista, voit joko tehdä sellaisen itse tai käyttää lapsiteeman laajennusta.

1. Poista tai piilota Lisää ostoskoriin -painike koko sivustolta

Lisää ostoskoriin -painikkeen poistamiseen myymälästäsi on useita vaihtoehtoja. Yksi yksinkertaisimmista on sijoittaa seuraava komentosarja omaan lasten teema Functions.php-tiedosto:

remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Poistamme Lisää ostoskoriin -painikkeen tuotesivulta ensimmäisellä poistotoiminnolla() ja teemme samoin ostoskorisivulla toisella. Sen sijaan tuotteiden ostomahdollisuuden poistaminen käytöstä on siistimpi ja luotettavampi ratkaisu. Voit estää tuotteita ostamasta ja estää käyttäjiä lisäämästä niitä ostoskoriin tällä tavalla.

Seuraavalla skriptillä voit tehdä sen ja estää kaikkia tuotteitasi ostamasta kaikkialla kaupassasi:

add_filter('woocommerce_is_ostaable', '__return_false');

Tämä poistaa käytöstä WooCommercen Lisää ostoskoriin -painikkeen, mutta ei itse painiketta. Se korvataan yksinkertaisesti Lue lisää -painikkeella, joka ohjaa käyttäjät tuotesivulle, jolla ei ole painikkeita.

Jos haluat piilottaa Lue lisää -painikkeen Lisää ostoskoriin -painikkeen lisäksi, sinun tulee käyttää CSS-sääntöä. Asiakkaat sitä vastoin eivät voi ostaa mitään, koska he eivät voi lisätä tuotteita ostoskoriin, vaikka he oppisivat käyttämään selaimen kehittäjätyökalua piilottaakseen sen. Käytä add filter()-koukkua poistotoiminnon()-koukun sijaan aina kun mahdollista.

Lue lisää: Lisää ostoskoriin -painikkeen tekstin muuttaminen

2. Piilota Lisää ostoskoriin -painike käyttäjiltä, ​​jotka eivät ole kirjautuneet sisään

Oletetaan, että järjestät rajoitetun ajan kampanjan rekisteröityneille käyttäjillesi. Voit luoda ainutlaatuisen aloitussivun ja lähettää linkin sisältävän sähköpostin vain rekisteröityneille käyttäjillesi, mutta entä jos he jakavat sen muiden kanssa? Voit poistaa Lisää ostoskoriin -painikkeen WooCommerce-myymälästäsi vain kirjautumattomille käyttäjille välttääksesi tämän ja varmistaaksesi, että annat alennuksia vain kohdeasiakkaalle. Voit tehdä tämän liittämällä seuraavan skriptin lapsiteeman functions.php-tiedostoon:

if (!is_user_logged_in()) {
// tuotesivulla
add_filter('woocommerce_is_purchasable', '__return_false');

}

Poistamme Lisää ostoskoriin -painikkeen käytöstä vain kirjautumattomilta käyttäjiltä käyttämällä WordPressin alkuperäistä is user logged in() -toimintoa.

3. Poista Lisää ostoskoriin -painike käyttäjäroolien perusteella

Toinen loistava vaihtoehto on poistaa Lisää ostoskoriin -painike käytöstä käyttäjän roolin mukaan. Katsotaanpa, kuinka painike tehdään näkymättömäksi kaikille järjestelmänvalvojille:

add_action('wp_loaded','get_user_role');

function get_user_role(){

$nykyinen_käyttäjä = wp_get_nykyinen_käyttäjä();

  if(count($current_user->roles)!==0){

  if($current_user->roles[0]=='järjestelmänvalvoja'){

add_filter('woocommerce_is_purchasable', '__return_false');

}

}

}

WordPress-käyttäjäobjekti noudetaan ja komentosarja käyttää siihen kahta ehdollista. Ensimmäinen on määrittää, onko käyttäjällä rooli, ja toinen on estää tuotteiden ostaminen vain, jos käyttäjän rooli vastaa määrittämäämme roolia (tässä tapauksessa järjestelmänvalvoja). Voit varmasti käyttää tätä koodia ja muuttaa roolia, jota et halua nähdä Lisää ostoskoriin -painikkeella muokkaamalla roolia tiedostossa if($current_user->roles[0]=='your_role'){.

4. Piilota Lisää ostoskoriin -painike tietyistä tuotteista

Oletetaan, että tietyt tuotteet ovat loppuneet ja haluat tilapäisesti piilottaa näiden tuotteiden Lisää ostoskoriin -painikkeen.

Kopioi ja liitä seuraava komentosarja alateeman functions.php-tiedostoon poistaaksesi painikkeen tietyistä tuotteista:

add_filter('woocommerce_is_ostettava', 'suodatin_on_ostettavissa', 10, 2);

function filter_is_purchasable($on_purchasable, $product ) {

globaali $ -tuote;

if( in_array( $product->get_id(), not_purchasable_ids() )) {

return false;

}

palauttaa $on_ostettavissa;

}

function not_purchasable_ids() {

return array( 624,625 XNUMX );

}

Lisää ostoskoriin -painike ei ole käytössä tuotteissa, joiden tunnus on 624 ja 625 tässä esimerkkiskriptissä. Harkitse näiden tunnusten korvaamista WooCommerce-tuotetunnuksillasi mukauttaaksesi ne kauppaasi. Kuten näet, voit sallia rajoittamattoman määrän tuotteita yksinkertaisesti erottamalla tunnukset pilkulla.

Siirry kohtaan WordPress-hallintapaneeli > WooCommerce > Tuotteet ja vie hiiren osoitin luettelossa olevan tuotteen päälle nähdäksesi sen tunnuksen.

5. Poista Lisää ostoskoriin -painike käytöstä vain joissakin luokissa

Voit myös poistaa käytöstä Lisää ostoskoriin -painikkeen tietyissä luokissa. Jos esimerkiksi haluat piilottaa painikkeen luokasta Kannettavat tietokoneet, voit käyttää seuraavaa koodia:

add_action('wp', 'QL_remove_add_to_cart_from_category' );   

function QL_remove_add_to_cart_from_category(){ 

  if( is_product_category( 'kannettavat' ) ) { 

    remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

  } 

}

Kopioi tämä koodi ja korvaa rivillä 3 "kannettava tietokone" sen luokan otsikolla, jossa Lisää koriin -painike on piilotettava.

6. Poista painike väliaikaisesti, niin se tulee uudelleen näkyviin päivämäärän jälkeen

Viedään asiat uudelle tasolle ja kootaan yhteen lukemamme. Oletetaan, että olet lanseeraamassa tuotetta ja olet jo luonut tuotesivun, jossa on kaikki sen ominaisuudet. Jos haluat käyttää kyseistä sivua tiedottaaksesi asiakkaillesi julkaisusta ja mainostaaksesi tuotetta ennen kuin se julkaistaan, voit piilottaa Lisää koriin -painikkeen viralliseen julkaisuun asti ja näyttää sen sitten automaattisesti julkaisupäivänä.

Oletetaan, että aiot esitellä tuotteesi 15. joulukuuta 2020 ja haluat piilottaa Lisää ostoskoriin -painikkeen siihen asti ja paljastaa sen sitten uudelleen 15. joulukuuta. Voit tehdä tämän kopioimalla ja liittämällä alla olevan skriptin:

add_filter( 'woocommerce_is_ostaable', 'piilota_lisää_koriin_painike_päivämäärään', 10, 2 );

function hide_add_to_cart_button_until_date( $on_ostettavissa = true, $product ) {

$nykyinen_päivämäärä = päivämäärä('Vkk-d');

$julkaisupäivä = päivämäärä('V-d', strtotime('2020-12-15') );

if( strtotime($current_date) < strtotime($release_date) && $product->get_id() == 624 ) {

$on_ostettavissa = false;

}

palauttaa $on_ostettavissa;

}

Lisää ostoskoriin -painike korvataan Lue lisää -painikkeella, joka vie käyttäjät tuotesivulle julkaisupäivään asti. Katsotaanpa tarkemmin, miten käsikirjoitus toimii nyt. Koodi vertaa nykyistä päivämäärää julkaisupäivään, ja jos nykyinen päivämäärä on aikaisempi, tuote ei ole ostettavissa.

Tuote on ostettavissa, kun nykyinen päivämäärä on yhtä suuri tai suurempi kuin julkaisupäivä, ja Lisää ostoskoriin -painike tulee näkyviin automaattisesti. Muista lisätä päivämäärä sekä tuotetunnus (624 esimerkissämme).

Tässä oppaassa olet oppinut useita tapoja poistaa Lisää koriin -painike. Olemme nähneet, kuinka se voidaan piilottaa koko myymälässä, tietyille tuotteille, käyttäjille ja käyttäjärooleille, ja jopa kuinka piilottaa se tietyksi päiväksi ja näyttää se sitten automaattisesti uudelleen. Tämä antaa sinulle hieman enemmän liikkumavaraa, kun haluat mukauttaa myymälääsi erilaisiin skenaarioihin.

Käytä näitä skriptejä yksinkertaisesti lähtökohtana ja muokkaa niitä myymäläsi tarpeiden mukaan.

 

kirjailijasta
Kirjoittaja: Daniel Luke
Daniel on WordPress-verkkosuunnittelija, jolla on laaja kokemus työskennellä eri WordPress-teemojen kanssa, jonka avulla hän voi verrata ja sovittaa yhteen eri teemoja, ymmärtää vahvuuksia ja heikkouksia kehittää tosiasioihin perustuvia, tosielämän arvosteluja.

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 ...