Ajouter un bouton “Continuer le shopping” sur la page Panier

De nombreux sites proposent à leurs clients de continuer leurs achats lorsqu’ils s’apprêtent à valider leur commande. On ne sait jamais, ils ont peut-être oublié quelque chose 😉 .

Et bien vous pouvez faire de même sur votre boutique WooCommerce.

La page Panier ressemble à ça:

Nous allons donc rajouter un bouton “Continuer le shopping” renvoyant vers votre page boutique sous le bouton “Procéder à la commande”.

Copiez-collez le code suivant dans le fichier functions.php de votre thème enfant :

/* Ajouter un bouton "Continuer le shopping" sur la page panier */

add_action( 'woocommerce_after_cart_totals', 'wpm_continue_shopping_button' );

function wpm_continue_shopping_button() {

	 // On récupère le lien de votre page boutique   
	 $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
 
	 // On ajoute notre bouton 
	echo '<div class="wpm-continue-shopping">';
	echo ' <a href="'.$shop_page_url.'" class="button wpm-shopping-button">Continuer le shopping</a>';
	echo '</div>';
}

Bien entendu, vous pouvez modifier le texte “Continuer le shopping” par celui que vous préférez.

Le bouton est maintenant présent sur la page Panier :

Vous avez par contre sûrement remarqué qu’il n’est pas de la même taille que celui du dessus. Qu’à cela ne tienne, on va rajouter un peu de CSS en ciblant la classe du bouton.

Copiez-collez le code suivant dans le fichier style.css de votre thème enfant:

/*CSS du bouton Continuer le Shopping */

.wpm-shopping-button{
	width:100%;
	text-align: center;
}

Et voilà :

C’est quand même plus propre non ?

Source: Theme Location