Come nascondere/rimuovere il pulsante Aggiungi al carrello in WooCommerce (passo dopo passo)

Come nascondere e rimuovere il pulsante Aggiungi al carrello in WooCommerce

Iniziamo col capire perché potresti voler nascondere il pulsante Aggiungi al carrello. Uno dei modi più efficaci per disabilitare il processo di acquisto per un prodotto o negozio specifico è rimuovere il pulsante Aggiungi al carrello. Anche se può sembrare strano, rimuovere il pulsante Aggiungi al carrello può essere estremamente utile in alcune circostanze.

Ci sono molte ragioni per cui potresti voler rimuovere il pulsante Aggiungi al carrello da alcune pagine del tuo negozio, oltre a offrirti più opzioni di personalizzazione:

  1. Quando un prodotto è esaurito o non è più disponibile
  2. Per disattivare il pulsante in base alla logica (es. per ruoli utente o prodotti specifici, utenti non loggati, ecc.)
  3. Il prodotto non è ancora disponibile per l'acquisto.
  4. Quando desideri che i clienti utilizzino quel pulsante invece del processo di acquisto standard di WooCommerce per inviare un messaggio o organizzare un colloquio.

Questi sono solo alcuni esempi di quando potresti voler nascondere o rimuovere il pulsante Aggiungi al carrello dal tuo negozio. Iniziamo a rimuovere il pulsante Aggiungi al carrello di WooCommerce dal tuo negozio.

 

Come rimuovere il pulsante Aggiungi al carrello in WooCommerce

In questo articolo imparerai come nascondere il pulsante Aggiungi al carrello in vari modi. Ti mostreremo come eseguire le seguenti operazioni per darti più opzioni:

  1. Rimuovi o nascondi il pulsante Aggiungi al carrello nell'intero sito.
  2. Nascondi il pulsante Aggiungi al carrello per gli utenti che non hanno effettuato l'accesso.
  3. Rimuovere il pulsante Aggiungi al carrello in base ai ruoli utente.
  4. Nascondi il pulsante Aggiungi al carrello su determinati prodotti.
  5. Disattiva il pulsante Aggiungi al carrello solo per alcune categorie
  6. Rimuovere temporaneamente il pulsante e riapparirà dopo una data.
  7. Diamo un'occhiata a ciascuno di essi in diverse sezioni.

Nota: poiché modificheremo i file principali di WordPress, ti consigliamo di eseguire un backup completo del tuo sito nel caso qualcosa vada storto. Puoi anche utilizzare un tema figlio. Se non ne hai già uno, puoi crearne uno tu stesso o utilizzare un plug-in per temi figlio.

1. Rimuovi o nascondi il pulsante Aggiungi al carrello nell'intero sito

Esistono diverse opzioni per rimuovere completamente il pulsante Aggiungi al carrello dal tuo negozio. Uno dei più semplici è inserire il seguente script nel tuo temi per bambini file functions.php:

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

Rimuoviamo il pulsante Aggiungi al carrello nella pagina del prodotto con il primo hook remove action() e facciamo lo stesso nella pagina del carrello con il secondo. La disabilitazione dell'opzione di acquisto dei prodotti, d'altra parte, è una soluzione più ordinata e affidabile. Potrai rendere i prodotti non disponibili per l'acquisto e impedire agli utenti di aggiungerli al carrello in questo modo.

Con il seguente script, puoi farlo e rendere tutti i tuoi prodotti non disponibili per l'acquisto nel tuo negozio:

add_filter( 'woocommerce_is_purchasable', '__return_false');

Ciò disabiliterà il pulsante Aggiungi al carrello di WooCommerce, ma non il pulsante stesso. Verrà semplicemente sostituito con un pulsante Leggi di più, reindirizzando gli utenti alla pagina del prodotto, che sarà priva di pulsanti.

Se vuoi nascondere il pulsante Leggi di più oltre al pulsante Aggiungi al carrello, dovresti utilizzare una regola CSS. I clienti, invece, non potranno acquistare nulla perché non potranno aggiungere prodotti al carrello, anche se imparano a utilizzare lo strumento di sviluppo del browser per mostrarlo. Usa l'hook add filter() invece dell'hook remove action() quando possibile.

Per saperne di più: Come modificare il testo del pulsante Aggiungi al carrello

2. Nascondi il pulsante Aggiungi al carrello per gli utenti che non hanno effettuato l'accesso

Supponi di eseguire una promozione a tempo limitato per i tuoi utenti registrati. Puoi creare una pagina di destinazione univoca e inviare un'e-mail solo ai tuoi utenti registrati con il link, ma cosa succede se la condividono con altri? Puoi rimuovere il pulsante Aggiungi al carrello dal tuo negozio WooCommerce solo per gli utenti non registrati per evitare che ciò accada e assicurarti di concedere sconti solo al consumatore target. Per fare ciò, incolla il seguente script nel file functions.php del tuo tema figlio:

se (!è_utente_loggato_in()) {
// nella pagina del prodotto
add_filter('woocommerce_is_purchasable', '__return_false');

}

Disabiliteremo il pulsante Aggiungi al carrello solo per gli utenti che non hanno effettuato l'accesso applicando la funzione nativa di WordPress è utente connesso().

3. Rimuovere il pulsante Aggiungi al carrello in base ai ruoli utente

Un'altra opzione brillante è disabilitare il pulsante Aggiungi al carrello a seconda del ruolo dell'utente. Diamo un'occhiata a come rendere il pulsante invisibile a qualsiasi utente amministratore:

add_action('wp_loaded','get_user_role');

funzione get_user_role(){

$utente_corrente = wp_get_utente_corrente();

  if(count($utente_corrente->ruoli)!==0){

  if($utente_corrente->ruoli[0]=='amministratore'){

add_filter('woocommerce_is_purchasable', '__return_false');

}

}

}

L'oggetto utente di WordPress viene recuperato e lo script gli applica due condizionali. Il primo è determinare se un utente ha un ruolo e il secondo è rendere i prodotti non disponibili per l'acquisto solo se il ruolo utente corrisponde a quello da noi specificato (amministratore in questo caso). Puoi sicuramente usare questo codice e modificare il ruolo che non vuoi vedere il pulsante Aggiungi al carrello modificando il ruolo in if($current_user->roles[0]=='your_role'){.

4. Nascondi il pulsante Aggiungi al carrello su determinati prodotti

Diciamo che sei esaurito per alcuni articoli e desideri nascondere temporaneamente il pulsante Aggiungi al carrello per quegli articoli.

Copia e incolla il seguente script nel file functions.php del tema figlio per rimuovere il pulsante per prodotti specifici:

add_filter('woocommerce_is_purchasable', 'filter_is_purchasable', 10, 2);

funzione filtro_è_acquistabile($è_acquistabile, $prodotto) {

prodotto $ globale;

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

return false;

}

restituisci $è_acquistabile;

}

funzione not_acquistabile_id() {

matrice di ritorno( 624,625 );

}

Il pulsante Aggiungi al carrello è disabilitato per i prodotti con ID 624 e 625 in questo script di esempio. Prendi in considerazione la sostituzione di quegli ID con i tuoi ID prodotto WooCommerce per adattarlo al tuo negozio. Come puoi vedere, puoi consentire prodotti illimitati semplicemente utilizzando una virgola per separare gli ID.

Vai alla dashboard di WordPress > WooCommerce > Prodotti e passa il mouse su un prodotto nell'elenco per vederne l'ID.

5. Disattiva il pulsante Aggiungi al carrello solo per alcune categorie

Puoi anche disabilitare il pulsante Aggiungi al carrello per categorie particolari. Ad esempio, se desideri nascondere il pulsante dalla categoria "Laptop", puoi utilizzare il seguente codice:

add_action('wp', 'QL_remove_add_to_cart_from_category');   

funzione QL_remove_add_to_cart_from_category(){ 

  if( is_product_category( 'laptop' ) ) { 

    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

  } 

}

Copia semplicemente questo codice e sostituisci "laptop" nella riga 3 con il titolo della categoria in cui deve essere nascosto il pulsante Aggiungi al carrello.

6. Rimuovere temporaneamente il pulsante e riapparirà dopo una data

Portiamo le cose a un altro livello e mettiamo insieme parte di ciò che abbiamo letto. Supponiamo che tu stia per lanciare un prodotto e che tu abbia già creato una pagina prodotto con tutte le sue caratteristiche. Se desideri utilizzare quella pagina per informare i tuoi clienti del lancio e promuovere il prodotto prima che venga pubblicato, puoi nascondere il pulsante Aggiungi al carrello fino al lancio ufficiale e farlo apparire automaticamente il giorno del lancio.

Supponiamo che tu abbia intenzione di presentare il tuo prodotto il 15 dicembre 2020 e desideri nascondere il pulsante Aggiungi al carrello fino ad allora, quindi rivelarlo di nuovo il 15 dicembre. Per farlo, copia e incolla semplicemente lo script qui sotto:

add_filter('woocommerce_is_purchasable', 'hide_add_to_cart_button_until_date', 10, 2);

funzione hide_add_to_cart_button_until_date($è_acquistabile = true, $prodotto) {

$data_corrente = data('Ym-d');

$data_rilascio = data('Ym-d', strtotime('2020-12-15'));

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

$ è_acquistabile = falso;

}

restituisci $è_acquistabile;

}

Il pulsante Aggiungi al carrello verrà sostituito con un pulsante Leggi di più che porterà gli utenti alla pagina del prodotto fino alla data di lancio. Diamo un'occhiata più da vicino a come funziona lo script ora. Il codice confronta la data corrente con la data di lancio e, se la data corrente è precedente, il prodotto non è disponibile per l'acquisto.

Il prodotto sarà disponibile per l'acquisto quando la data corrente è uguale o superiore alla data di lancio e il pulsante Aggiungi al carrello apparirà automaticamente. Ricorda di includere la data e l'ID prodotto (624 nel nostro esempio).

Hai imparato diversi metodi per rimuovere il pulsante Aggiungi al carrello in questa guida. Abbiamo visto come nasconderlo nell'intero negozio, per prodotti, utenti e ruoli utente specifici e persino come nasconderlo per un determinato giorno e poi mostrarlo di nuovo automaticamente. Questo ti dà un po' più di margine di manovra quando si tratta di personalizzare il tuo negozio per diversi scenari.

Usa semplicemente questi script come punto di partenza e modificali per adattarli alle esigenze del tuo negozio.

 

L'autore
Daniel Luke
Daniel è un web designer e sviluppatore. È stato uno sviluppatore negli ultimi 10 anni lavorando con vari temi WordPress che gli hanno permesso di confrontare e contrastare diversi temi, comprendere i punti di forza e di debolezza per sviluppare recensioni fattuali e reali. È anche sviluppatore di app mobili e revisore di tecnologia. Nel corso di diversi anni ha sviluppato le proprie app mobili, sia su Android che su iPhone. Questa specializzazione pratica nello sviluppo mobile e web gli consente di essere una voce autorevole quando si tratta di reporting tecnologico.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Per favore, lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.

Autore / i in primo piano su:  Logo della rivista Inc   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...