Créer un bouton "Continuer mes achats" avec Woocommerce - Tiwi Lab - Agence Web
Agence Web - Communication digitale & Webdesign - Paris
Agence Web - Communication digitale & Webdesign - Paris
15916
post-template-default,single,single-post,postid-15916,single-format-standard,ajax_fade,page_not_loaded,,qode_grid_1400,qode-child-theme-ver-1.0.0,qode-theme-ver-17.2,qode-theme-bridge,wpb-js-composer js-comp-ver-5.7,vc_responsive
 

Créer un bouton « Continuer mes achats » avec Woocommerce

WordPress & Woocommerce.

Comment créer sans plugin un bouton « Continuer mes achats » en utilisant le fichier « functions.php » et « style.css » du thème enfant.

 

Pour créer un bouton « Continuer mes achats » vers une page spécifique avec Woocommerce, il faudra ajouter au fichier functions.php et style.css un peu de code.

Les fichier functions.php et style.css se trouve dans le dossier de votre thème enfant >>> wp-content>>> theme >>> votre-theme >>> functions.php et style.css.

Si vous n’avez pas les fichiers existants, créez les.

Ensuite, ajouter la fonction suivante dans functions.php :

Pour un retour à la page Boutique



<?php
/**
* Ajout d'un bouton " Continuer mes achats " sur la page panier. Retour Page Boutique
* Ajouter au fichier function.php du thème enfant  or Code Snippets plugin
*/
add_action( 'woocommerce_before_cart_table', 'woo_add_continue_shopping_button_to_cart' );
function woo_add_continue_shopping_button_to_cart() {
$shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );

echo '<div class="woocommerce-message">';
echo ' <a href="'.$shop_page_url.'" class="button">Continuer mes achats →</a> Êtes vous sûr d'avoir terminé?';
echo '</div>';
}

Pour un retour à la page d’accueil du site

 

Pour ma part, j’avais besoin d’un retour, non pas sur la page Boutique de Woocommerce, mais d’un retour vers la Homepage du site. J’ai donc modifié comme ceci:


<?php
/**
* Ajout d'un bouton " Continuer mes achats " sur la page panier. Retour page d'accueil
* Ajouter au fichier function.php du thème enfant  or Code Snippets plugin
*/
add_action( 'woocommerce_before_cart_table', 'woo_add_continue_shopping_button_to_cart' );
function woo_add_continue_shopping_button_to_cart() {
 $home =home_url();
 
 echo '<div class="woocommerce-message">';
 echo ' <a href="'.$home.'" class="button">Continue mes courses →</a> Êtes vous sûr d'avoir terminé?';
 echo '</div>';
}

Si vous souhaitez d’autres urls, vous en trouverez > Ici

Ensuite, il ne vous reste plus qu’à styliser votre bouton dans votre fichier style.css avec la class .button


/*==== Bouton Continue shopping===*/
.button {
	background-color: #000 !important;
	color: white !important;
}
No Comments

Post A Comment

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.