12 Mar 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 » 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