Hvordan skjule / fjerne Legg til i handlekurv-knappen i WooCommerce (trinn-for-trinn)

Hvordan skjule og fjerne Legg til i handlekurv-knappen i WooCommerce

La oss begynne med å finne ut hvorfor du kanskje vil skjule Legg i handlekurv-knappen. En av de mest effektive måtene å deaktivere kjøpsprosessen for et spesifikt produkt eller butikk er å fjerne Legg til i handlekurv-knappen. Selv om det kan virke rart, kan det under noen omstendigheter være svært nyttig å fjerne Legg i handlekurv-knappen.

Det er mange grunner til at du kanskje vil fjerne Legg til i handlekurv-knappen fra enkelte sider i butikken din, bortsett fra å gi deg flere tilpasningsmuligheter:

  1. Når et produkt er utsolgt eller ikke lenger er tilgjengelig
  2. For å deaktivere knappen basert på logikk (dvs. for spesifikke brukerroller eller produkter, ikke-påloggede brukere, etc.)
  3. Produktet er ennå ikke tilgjengelig for kjøp.
  4. Når du vil at kundene skal bruke den knappen i stedet for standard WooCommerce-kjøpsprosessen for å sende en melding eller arrangere et intervju.

Dette er bare noen få eksempler på når du kanskje ønsker å skjule eller fjerne Legg i handlekurv-knappen fra butikken din. La oss komme i gang med å fjerne WooCommerce legge til handlekurv-knappen fra butikken din.

 

Slik fjerner du Legg til i handlekurv-knappen i WooCommerce

I denne artikkelen lærer du hvordan du skjuler legg til i handlekurv-knappen på forskjellige måter. Vi viser deg hvordan du gjør følgende for å gi deg flere alternativer:

  1. Fjern eller skjul Legg i handlekurv-knappen på hele nettstedet.
  2. Skjul Legg til i handlekurv-knappen for brukere som ikke er pålogget.
  3. Fjern Legg i handlekurv-knappen på grunnlag av brukerroller.
  4. Skjul Legg i handlekurv-knappen på enkelte produkter.
  5. Deaktiver Legg i handlekurv-knappen for bare noen kategorier
  6. Fjern knappen midlertidig, og den vises igjen etter en dato.
  7. La oss ta en titt på hver av dem i forskjellige seksjoner.

Merk: Siden vi skal redigere WordPress-kjernefiler, anbefaler vi å ta en fullstendig sikkerhetskopi av nettstedet ditt i tilfelle noe går galt. Du kan også bruke et barnetema. Hvis du ikke allerede har en, kan du enten lage en selv eller bruke en plugin for barnetema.

1. Fjern eller skjul Legg i handlekurv-knappen på hele nettstedet

Det er flere alternativer for å fjerne Legg i handlekurv-knappen helt fra butikken din. En av de enkleste er å plassere følgende skript i din barnetemaer functions.php fil:

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);

Vi fjerner Legg til i handlekurv-knappen på produktsiden med den første remove action()-kroken, og vi gjør det samme på handlekurvsiden med den andre. Å deaktivere muligheten til å kjøpe produkter er derimot en ryddigere og mer pålitelig løsning. Du vil kunne gjøre produktene utilgjengelige for kjøp og hindre brukere i å legge dem til i handlekurven på denne måten.

Med følgende skript kan du gjøre det og gjøre alle produktene dine utilgjengelige for kjøp i butikken din:

add_filter( 'woocommerce_is_purchasable', '__return_false');

Dette vil deaktivere WooCommerce Legg til i handlekurv-knappen, men ikke selve knappen. Den vil ganske enkelt bli erstattet med en Les mer-knapp, som omdirigerer brukere til produktsiden, som vil være fri for noen knapper.

Hvis du ønsker å skjule Les mer-knappen i tillegg til Legg i handlekurv-knappen, bør du bruke en CSS-regel. Kunder vil derimot ikke kunne kjøpe noe fordi de ikke vil kunne legge til produkter i handlekurven, selv om de lærer å bruke nettleserutviklerverktøyet for å vise det. Bruk add filter()-kroken i stedet for remove action()-kroken når det er mulig.

Les mer: Hvordan endre tekst på knappen Legg i handlekurven

2. Skjul Legg til i handlekurv-knappen for brukere som ikke er pålogget

Anta at du kjører en tidsbegrenset kampanje for dine registrerte brukere. Du kan opprette en unik landingsside og sende en e-post til kun dine registrerte brukere med lenken, men hva om de deler den med andre? Du kan fjerne Legg til i handlekurv-knappen fra din WooCommerce-butikk kun for ikke-påloggede brukere for å unngå at dette skjer og sikre at du kun gir rabatter til den målrettede forbrukeren. For å gjøre det, lim inn følgende skript i barnetemaets functions.php-fil:

if (!er_bruker_pålogget()) {
// på produktsiden
add_filter('woocommerce_is_purchasable', '__return_false');

}

Vi vil deaktivere Legg til i handlekurv-knappen kun for ikke-påloggede brukere ved å bruke den opprinnelige WordPress-funksjonen er bruker pålogget().

3. Fjern Legg til i handlekurv-knappen på grunnlag av brukerroller

Et annet glimrende alternativ er å deaktivere Legg i handlekurv-knappen avhengig av brukerens rolle. La oss ta en titt på hvordan du gjør knappen usynlig for alle admin-brukere:

add_action('wp_loaded','get_user_role');

funksjon get_user_role(){

$current_user = wp_get_current_user();

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

  if($current_user->rolles[0]=='administrator'){

add_filter('woocommerce_is_purchasable', '__return_false');

}

}

}

WordPress-brukerobjektet hentes og to betingelser blir brukt på det av skriptet. Den første er å avgjøre om en bruker har en rolle, og den andre er å gjøre produkter utilgjengelige for kjøp bare hvis brukerrollen samsvarer med den vi angir (administrator i dette tilfellet). Du kan sikkert bruke denne koden og endre rollen som du ikke vil se Legg til i handlekurv-knappen ved å redigere rollen i if($current_user->roles[0]=='din_rolle'){.

4. Skjul Legg i handlekurv-knappen på enkelte produkter

La oss si at du er utsolgt for noen varer og ønsker å midlertidig skjule Legg i handlekurv-knappen for disse varene.

Kopier og lim inn følgende skript i functions.php-filen til undertemaet for å fjerne knappen for spesifikke produkter:

add_filter('woocommerce_er_purchasable', 'filter_er_purchasable', 10, 2);

function filter_is_purchasable($er_purchasable, $product ) {

globalt $ produkt;

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

returner falsk;

}

returner $er_kjøpbar;

}

function not_purchasable_ids() {

return array( 624,625);

}

Legg til i handlekurv-knappen er deaktivert for produktene med ID-ene 624 og 625 i dette eksempelskriptet. Vurder å erstatte disse ID-ene med WooCommerce-produkt-ID-ene dine for å tilpasse den til butikken din. Som du kan se, kan du tillate ubegrensede produkter ved ganske enkelt å bruke komma for å skille ID-ene.

Gå til WordPress-dashbordet > WooCommerce > Produkter og hold musepekeren over et produkt i listen for å se dets ID.

5. Deaktiver Legg i handlekurv-knappen for bare noen kategorier

Du kan også deaktivere Legg i handlekurv-knappen for bestemte kategorier. For eksempel, hvis du ønsker å skjule knappen fra kategorien "Bærbare datamaskiner", kan du bruke følgende kode:

add_action('wp', 'QL_remove_add_to_cart_from_category');   

funksjon QL_remove_add_to_cart_from_category(){ 

  if( is_product_category( 'bærbare datamaskiner') ) { 

    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

  } 

}

Bare kopier denne koden og erstatt "bærbare datamaskiner" i linje 3 med tittelen på kategorien der Legg i handlekurv-knappen skal være skjult.

6. Fjern knappen midlertidig, og den vil dukke opp igjen etter en dato

La oss ta ting til et annet nivå og sette sammen noe av det vi har lest. Anta at du er i ferd med å lansere et produkt, og at du allerede har opprettet en produktside med alle funksjonene. Hvis du vil bruke den siden til å gjøre kundene oppmerksomme på lanseringen og markedsføre produktet før det publiseres, kan du skjule Legg i handlekurv-knappen frem til den offisielle lanseringen og deretter få den til å vises automatisk på lanseringsdagen.

La oss si at du planlegger å introdusere produktet ditt 15. desember 2020, og du vil skjule Legg til i handlekurv-knappen inntil da, for så å avsløre den igjen 15. desember. For å gjøre det, kopier og lim inn skriptet nedenfor:

add_filter( 'woocommerce_er_purchasable', 'hide_add_to_cart_button_til_date', 10, 2 );

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

$current_date = dato('Ym-d');

$release_date = dato( 'Ym-d', strtotime('2020-12-15') );

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

$is_purchasable = usann;

}

returner $er_kjøpbar;

}

Legg i handlekurv-knappen vil bli erstattet med en Les mer-knapp som tar brukere til produktsiden frem til lanseringsdatoen. La oss se nærmere på hvordan manuset fungerer nå. Koden sammenligner gjeldende dato med lanseringsdato, og hvis gjeldende dato er tidligere, er produktet ikke tilgjengelig for kjøp.

Produktet vil være tilgjengelig for kjøp når gjeldende dato er lik eller overskrider lanseringsdatoen, og Legg til i handlekurv-knappen vises automatisk. Husk å inkludere datoen samt produkt-ID (624 i vårt eksempel).

Du har lært flere metoder for å fjerne Legg i handlekurv-knappen i denne veiledningen. Vi har sett hvordan du skjuler det i hele butikken, for spesifikke produkter, brukere og brukerroller, og til og med hvordan du skjuler det for en bestemt dag og deretter automatisk viser det igjen. Dette gir deg litt mer spillerom når det gjelder å tilpasse butikken din for ulike scenarier.

Bare bruk disse skriptene som et utgangspunkt og modifiser dem for å passe butikkens behov.

 

om forfatteren
Daniel Luke
Daniel er webdesigner og utvikler. Han har vært en utvikler de siste 10 årene og jobbet med forskjellige WordPress-temaer som lar ham sammenligne og kontrastere forskjellige temaer, forstå styrker og svakheter for å utvikle faktiske anmeldelser i den virkelige verden. Han er også mobilapputvikler og teknologianmelder. Over flere år har han utviklet egne mobilapper, både på Android og iPhone. Denne praktiske spesialiseringen innen mobil- og nettutvikling lar ham være en autoritativ stemme når det kommer til teknologirapportering.

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