Come nascondere e rimuovere il pulsante Aggiungi al carrello in WooCommerce

Pubblicato: 2020-12-10

Vuoi nascondere il pulsante Aggiungi al carrello dal tuo negozio? In questa guida imparerai come rimuovere il pulsante Aggiungi al carrello in WooCommerce in modo programmatico (senza plug-in).

Perché rimuovere il pulsante Aggiungi al carrello in WooCommerce?

Innanzitutto, iniziamo a capire perché potresti voler nascondere il pulsante Aggiungi al carrello. Rimuovere il pulsante Aggiungi al carrello è uno dei modi migliori per disabilitare il processo di acquisto per un determinato prodotto o negozio. Anche se può sembrare controintuitivo, la verità è che l'eliminazione del pulsante Aggiungi al carrello può essere molto utile in alcune situazioni.

Oltre a darti più opzioni quando si tratta di personalizzare il tuo negozio, ci sono diversi motivi per cui potresti voler rimuovere il pulsante Aggiungi al carrello da alcune pagine del tuo negozio:

  • Perché usi WooCommerce come catalogo
  • Quando esaurisci le scorte o un prodotto non è più disponibile
  • Per rimuovere il pulsante in base a condizioni logiche (ad es. per ruoli utente o prodotti specifici, utenti non registrati e così via).
  • Perché il prodotto non è ancora disponibile per l'acquisto
  • Quando vuoi che gli utenti utilizzino quel pulsante per inviare un messaggio o programmare un colloquio invece di seguire il processo di acquisto standard di WooCommerce

Queste sono solo alcune situazioni in cui potresti dover rimuovere o nascondere il pulsante Aggiungi al carrello sul tuo negozio, ma ce ne sono molte altre. Ora, andiamo avanti e vediamo come rimuovere il pulsante Aggiungi al carrello di WooCommerce dal tuo negozio.

Come rimuovere il pulsante Aggiungi al carrello in WooCommerce

In questa sezione imparerai diversi modi per nascondere il pulsante Aggiungi al carrello . Per fornirti diverse alternative, ti mostreremo come:

  1. Rimuovi o nascondi il pulsante Aggiungi al carrello in tutto il sito
  2. Nascondi il pulsante Aggiungi al carrello per gli utenti non registrati
  3. Rimuovi il pulsante Aggiungi al carrello in base ai ruoli dell'utente
  4. Nascondi il pulsante Aggiungi al carrello su prodotti specifici
  5. Il pulsante Rimuovi temporaneamente e lo visualizza automaticamente dopo una data

Diamo un'occhiata a ciascuno di essi.

Prima che inizi

Poiché modificheremo i file core di WordPress, ti consigliamo di creare un backup completo del tuo sito nel caso qualcosa vada storto. Inoltre, puoi utilizzare un tema figlio. Se non ne hai uno, puoi crearne uno seguendo questa guida o utilizzare un plugin per temi figlio.

1) Rimuovi o nascondi il pulsante Aggiungi al carrello in tutto il sito

Esistono diversi modi per nascondere completamente il pulsante Aggiungi al carrello dal tuo negozio . Uno dei più semplici è usare il seguente script nel file functions.php del tuo tema figlio:

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

Con il primo remove_action() disabilitiamo il pulsante Aggiungi al carrello nella pagina del prodotto e con il secondo facciamo lo stesso nella pagina del negozio. Tuttavia, una soluzione più pulita e affidabile è disabilitare l'opzione di acquisto dei prodotti. In questo modo renderai i prodotti non acquistabili e impedirai agli utenti di aggiungerli al carrello.

Puoi farlo e rendere i tuoi prodotti non acquistabili su tutto il tuo negozio con il seguente script:

add_filter( 'woocommerce_is_purchasable', '__return_false');

Nota che questo disabiliterà Aggiungi al carrello in WooCommerce ma non rimuoverà il pulsante. Lo sostituirà semplicemente con un pulsante Leggi di più , reindirizzando gli utenti alla pagina del prodotto, dove non è presente alcun pulsante. Rimuovi aggiungi al carrello pulsante woocommerce Se oltre a rimuovere il pulsante Aggiungi al carrello vuoi anche nascondere il pulsante Leggi di più , dovresti applicare una regola CSS. Tuttavia, poiché i clienti non saranno in grado di aggiungere prodotti al carrello, non potranno acquistare nulla, anche se sanno come utilizzare lo strumento di sviluppo del browser per mostrarlo. Quando possibile, dovresti sempre provare a usare l'hook add_filter invece di remove_action() .

Per ulteriori informazioni su come utilizzare gli hook di WooCommerce, consulta questa guida completa.

2. Nascondi il pulsante Aggiungi al carrello per gli utenti non registrati

Diciamo che stai lanciando un'offerta speciale per i tuoi utenti registrati. Puoi creare una pagina di destinazione speciale e inviare un'e-mail con il link solo ai tuoi clienti registrati, ma cosa succede se la condividono con altri utenti? Per evitare questo tipo di situazioni e assicurarti di offrire gli sconti solo ai clienti giusti, puoi rimuovere il pulsante Aggiungi al carrello dal tuo negozio WooCommerce solo per gli utenti non loggati . Per farlo, incolla il seguente script nel file functions.php del tuo tema figlio:

 /* REMOVE ADD TO CART BUTTON FOR NON-LOGGED-IN USERS */
 if (!is_user_logged_in()) {
 // in product page
 add_filter('woocommerce_is_purchasable', '__return_false'); }

Utilizzando la funzione nativa di WordPress is_user_logged_in() , disabiliteremo il pulsante Aggiungi al carrello solo per gli utenti che non hanno effettuato l'accesso.

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

Un'altra opzione interessante è rimuovere il pulsante Aggiungi al carrello in base ai ruoli dell'utente . Ad esempio, vediamo come nascondere il pulsante per qualsiasi utente amministratore:

 /* REMOVE ADD TO CART BUTTON FOR ADMIN USERS */ add_action('wp_loaded','get_user_role'); function get_user_role(){ $current_user = wp_get_current_user(); if(count($current_user->roles)!==0){ if($current_user->roles[0]=='administrator'){ add_filter('woocommerce_is_purchasable', '__return_false'); }
 }
 }

Lo script recupera l'oggetto utente di WordPress e gli applica due condizionali. Il primo è sapere se un utente ha un ruolo e il secondo rendere i prodotti non acquistabili solo se il ruolo utente corrisponde a quello che specifichiamo (amministratore in questo caso). Puoi adattare questo codice e cambiare il ruolo che non vuoi vedere nel pulsante Aggiungi al carrello modificando il ruolo in if($current_user->roles[0]=='your_role'){.

4. Nascondi il pulsante Aggiungi al carrello su prodotti specifici

Ora, supponiamo che tu esaurisca le scorte di determinati prodotti, quindi desideri nascondere temporaneamente il pulsante Aggiungi al carrello per quei prodotti .

Per rimuovere il pulsante per prodotti specifici, copia e incolla questo script nel file functions.php del tema figlio:

 /* REMOVE ADD TO CART BUTTON ON SPECIFIC PRODUCT IDs*/ add_filter('woocommerce_is_purchasable', 'filter_is_purchasable', 10, 2); function filter_is_purchasable($is_purchasable, $product ) { global $product; if( in_array( $product->get_id(), not_purchasable_ids() )) { return false; } return $is_purchasable; } function not_purchasable_ids() { return array( 624,625 ); }

In questo script di esempio, disabilitiamo il pulsante Aggiungi al carrello per i prodotti con ID 624 e 625. Per adattarlo al tuo negozio WooCommerce, sostituisci semplicemente quegli ID con gli ID prodotto. Come puoi vedere, puoi aggiungere più prodotti semplicemente separando gli ID con una virgola.

Per scoprire l'ID di un prodotto, vai alla dashboard di WordPress > WooCommerce > Prodotti e passa il mouse sopra un prodotto nell'elenco. In alternativa, se fai clic sul prodotto, vedrai il suo ID nell'URL del tuo browser.

5. Disattiva il pulsante Aggiungi al carrello per determinate categorie

Allo stesso modo, puoi rimuovere il pulsante Aggiungi al carrello per determinate categorie . Ad esempio, supponiamo che tu voglia nascondere il pulsante dalla categoria "Laptop", useresti questo 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');
 }
 }

Basta prendere questo codice e ricordarsi di sostituire "laptop" nella riga 3 con il nome della categoria in cui si desidera nascondere il pulsante Aggiungi al carrello.

6. Rimuovere temporaneamente il pulsante Aggiungi al carrello e visualizzarlo automaticamente dopo una data

Ora facciamo un ulteriore passo avanti e combiniamo alcune delle cose che abbiamo imparato. Immagina di essere in procinto di lanciare un prodotto in modo da creare la pagina del prodotto con tutte le sue caratteristiche. Se desideri utilizzare quella pagina per creare un po' di clamore e promuovere il prodotto prima del lancio, puoi nascondere il pulsante Aggiungi al carrello fino alla data di lancio e quindi visualizzarlo automaticamente il giorno del lancio .

Ad esempio, supponiamo che tu abbia intenzione di lanciare il tuo prodotto il 15 dicembre 2020, quindi desideri rimuovere il pulsante Aggiungi al carrello fino ad allora e quindi visualizzare il pulsante in quella data specifica. Per farlo, copia e incolla semplicemente il seguente script:

 add_filter( 'woocommerce_is_purchasable', 'hide_add_to_cart_button_until_date', 10, 2 ); function hide_add_to_cart_button_until_date( $is_purchasable = true, $product ) { $current_date = date('Ym-d'); $release_date = date( 'Ym-d', strtotime('2020-12-15') ); if( strtotime($current_date) < strtotime($release_date) && $product->get_id() == 624 ) { $is_purchasable = false; } return $is_purchasable; }

Questo sostituirà il pulsante Aggiungi al carrello con un pulsante Leggi di più che reindirizza gli utenti alla pagina del prodotto fino alla data di lancio. Ora, capiamo meglio come funziona lo script. Il codice confronta la data corrente con la data di lancio e se la data corrente è precedente rende il prodotto non acquistabile.

Quando la data corrente è uguale o successiva alla data di lancio, il prodotto sarà disponibile per l'acquisto e verrà visualizzato automaticamente il pulsante Aggiungi al carrello. Ricorda di specificare non solo la data ma anche l'ID prodotto (624 nel nostro esempio).

Bonus: personalizza il pulsante Aggiungi al carrello

Per alcune delle situazioni che abbiamo descritto sopra, è molto utile personalizzare il pulsante Aggiungi al carrello e fare colpo sui tuoi acquirenti. Oltre a nascondere il pulsante, puoi cambiarne il testo e il colore, aggiungere testo sopra o sotto, modificare il comportamento del pulsante e altro. Iniziamo con qualcosa di semplice e vediamo come modificare il testo del pulsante Aggiungi al carrello.

Diciamo che al posto di “Aggiungi al carrello”, vuoi visualizzare il testo “ Acquista questo articolo ” nel pulsante. Copia e incolla semplicemente il seguente script nel file functions.php :

 ('woocommerce_product_single_add_to_cart_text', 'QL_customize_add_to_cart_button_woocommerce');
funzione QL_customize_add_to_cart_button_woocommerce(){
return __('Compra questo articolo', 'woocommerce');
}

Inoltre, per cambiare il colore del pulsante sui singoli prodotti, utilizza questo script e scegli i colori che desideri.

 .single-product .product .single_add_to_cart_button.button {
colore di sfondo: #FF0000;
colore: #C0C0C0;
}

Questi sono solo due esempi di base, ma puoi fare molto di più e personalizzare il pulsante in molti altri modi. Per ulteriori esempi e informazioni, consulta la nostra guida passo passo su come modificare il pulsante Aggiungi al carrello.

Conclusione

In conclusione, nascondere il pulsante Aggiungi al carrello può essere utile in molte situazioni diverse:

  • Quando usi WooCommerce come catalogo
  • Quando esaurisci le scorte o un prodotto non è più disponibile
  • Per eseguire campagne per determinati tipi di utenti o ruoli utente
  • Quando stai per lanciare un nuovo prodotto
  • Quando utilizzi il pulsante per eseguire una determinata azione che non segue il processo di acquisto standard di WooCommerce

In questa guida, hai imparato diversi modi per rimuovere il pulsante Aggiungi al carrello. Abbiamo visto come nasconderlo dall'intero negozio, per determinati prodotti, utenti e ruoli utente, e persino come nasconderlo e visualizzarlo di nuovo automaticamente dopo una data specifica. Questo ti darà un po' di flessibilità per personalizzare il tuo negozio in diverse situazioni. Usa semplicemente questi script come base e modificali per sfruttarli al meglio nel tuo negozio.

Se non desideri rimuovere il pulsante Aggiungi al carrello ma stai riscontrando problemi, ti consigliamo di consultare questa guida che ti aiuta a risolvere i problemi più comuni con Aggiungi al carrello.

Per ulteriori informazioni su come sfruttare al meglio il pulsante Aggiungi al carrello, dai un'occhiata ai seguenti tutorial:

  • Come personalizzare il pulsante Aggiungi al carrello in WooCommerce
  • WooCommerce Aggiungi al carrello funzione a livello di codice

Hai avuto problemi con gli script? Conosci altri modi per rimuovere il pulsante Aggiungi al carrello? Fatecelo sapere nella sezione commenti qui sotto!