Home Personalizzazioni Aggiungere un pulsante “Continua gli Acquisti” al sito

Aggiungere un pulsante “Continua gli Acquisti” al sito

2126
0
Continua gli Acquisti

Di default WooCommerce non ha – e questa è una importante mancanza – un pulsante che consenta agli utenti di continuare gli acquisti prima di finalizzare l’ordine. Vedremo come aggiungerlo in autonomia.

Il pulsante “Continua gli acquisti”

Come accennato, WooCommerce non ha un pulsante di questo tipo. In realtà esiste, si trova nella pagina del carrello (cart.php) ed è attivo solo se il carrello è vuoto: d’altronde, cosa vorreste trovare nel carrello se non avete aggiunto alcun prodotto? Scopo di questo articolo è di far comparire questo pulsante quando il carrello ha dei prodotti.

Template di WooCommerce: cosa copiare nel nostro tema child

Come sempre ricordo che è meglio lavorare su un tema child (e non su quello principale) in modo da non combinare disastri atomici in caso di malfunzionamenti e, soprattutto, in modo da non perdere le varie personalizzazioni ogni volta che viene aggiornato il tema padre.

Detto ciò, prima di tutto creiamo la cartella woocommerce all’interno del nostro tema child. Nella cartella del plugin WooCommerce, rechiamoci all’interno della cartella templates e copiamo sia la cartella cart che il file cart.php (/wp-content/plugins/woocommerce/templates/cart/cart.php) all’interno della nostra cartella woocommerce creata pocanzi. Quindi avremo una struttura del tipo: /wp-content/themes/nostrotema-child/woocommerce/cart/cart.php.

Questo forza WooCommerce ad utilizzare il file cart.php presente nel nostro tema child invece di quello presente nella sua cartella.

Sappiamo che il pulsante “Torna allo Shop” viene visualizzato soltanto quando il carrello è vuoto, pertanto apriamo il file cart-empty.php presente in /wp-content/plugins/woocommerce/templates/cart/cart-empty.php e copiamo la seguente istruzione:

<a class="button wc-backward" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>"> <?php _e( 'Return to shop', 'woocommerce' ) ?> </a>

Apriamo il nostro file cart.php inserito nel nostro tema child e incolliamo la stringa alla linea 141, prima dell’istruzione inerente l’aggiornamento del carrello.

Naturalmente possiamo personalizzare la dicitura “Return to shop” scrivendo ciò che ci piace (io ho scelto “Continua gli Acquisti”, per esempio). Possiamo inserire l’istruzione ovunque all’interno dei nostri template: anche nella pagina del checkout, magari per dare la possibilità all’utente di aggiungere qualcos’altro prima di concludere l’ordine.

Questo tutorial è nato dalle richieste degli utenti del gruppo Facebook di WooCommerce Italia: se ti trovi in difficoltà con WooCommerce o semplicemente vuoi unirti ai quasi 3000 iscritti, sei il benvenuto! 🙂