Vous êtes ici : Accueil | Snippets WordPress | WooCommerce | Ajouter un bouton « Continuer le shopping » sur la page Panier

Ajouter un bouton « Continuer le shopping » sur la page Panier

woocommerce snippet

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 meme sur votre boutique WooCommerce.

La page Panier ressemble à ça:

page panier woocommerce snippet

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-continu-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 :

bouton shopping woocommerce snippet

Vous avez par contre surement 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 voila:

bouton final panier woocommerce

C’est quand même plus propre non ?

Source: Theme Location

Vous débutez ? Procurez-vous le Kit du Freelance WordPress

Trouver les bons clients, leur vendre des prestations et bien communiquer avec eux n'est pas inné. Évitez les galères et gagnez du temps en vous formant aux côtés de ces 7 professionnels.

Commencer maintenant

3 commentaires Ajoutez le vôtre

  1. Super merci Alex pour ce snippet !
    Par contre de mon coté le css ne fonctionne pas, j’ai beau chercher je n’ai pas encore trouvé de solution.

    Répondre
    • Salut. Ou as-tu collé le CSS?

  2. Salut Julien. Dans le fichier css du thème enfant.

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



2d8063b60695a659b8afdaf7465b1594GGGGGGG
Partagez
Tweetez
Partagez