Comment modifier les boutons du widget panier dans woocommerce

Dans se petit tuto nous allons voir comment changer le texte et les liens des boutons ‘voir le panier’ et ‘Valider ma commande’. Pour appliquer ses modifications vous allez éditer le fichier function.php de votre thème WordPress.

 

Première étape  retirer les anciens boutons

Pour retirer les anciens boutons je vais utiliser la fonction remove_action :

remove_action( 'woocommerce_widget_shopping_cart_buttons', 'woocommerce_widget_shopping_cart_button_view_cart', 10 );
remove_action( 'woocommerce_widget_shopping_cart_buttons', 'woocommerce_widget_shopping_cart_proceed_to_checkout', 20 );

 

Deuxième étape création du code des nouveaux boutons

Pour créer nos nouveau boutons ajouter le code suivant toujours dans le fichier function.php de votre thème WordPress.

// Bouton panier
function custom_widget_shopping_cart_button_view_cart() {
    $original_link = wc_get_cart_url();
   // $custom_link = home_url( '/cart/?id=1' ); // Changer le lien
    echo '<a href="' . esc_url( $original_link ) . '" class="button wc-forward">' . esc_html__( 'Mon panier', 'woocommerce' ) . '</a>';
}

// Bouton paiement
function custom_widget_shopping_cart_proceed_to_checkout() {
    $original_link = wc_get_checkout_url();
    //$custom_link = home_url( '/checkout/?id=1' ); // Changer le lien
    echo '<a href="' . esc_url($original_link ) . '" class="button checkout wc-forward">' . esc_html__( 'Passer au paiement', 'woocommerce' ) . '</a>';
}

J’ai mis en commentaire $custom_link cette variable vous permet de changer les urls des bouton si c’est le cas il faudra remplacer $original_link  par $custom_link et personnalisé le lien de cette variable.

 

Troisième étape ajout des nouveaux boutons

Pour ajouter mes nouveaux boutons avec la fonction add_action il faudra ajouter le code suivant :

add_action( 'woocommerce_widget_shopping_cart_buttons', 'custom_widget_shopping_cart_button_view_cart', 10 );
add_action( 'woocommerce_widget_shopping_cart_buttons', 'custom_widget_shopping_cart_proceed_to_checkout', 20 );
5 1 vote
Évaluation de l'article
S’abonner
Notification pour
guest

3 Commentaires
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
André
André
5 années il y a

Re-Bonjour Fred et merci de ce tuto … sur mesure.
Malheureusement cela n’a pas l’air de fonctionner chez moi même après test sans plugins et avec autre thème (Twenty Seventeen). Êtes vous certain de votre code?

J’utilise: WP: 4.9.8, WC , Divi Theme: 3.17.6… et je travaille en serveur local.

Une suggestion?

ben
ben
4 années il y a

Tu me sauves la vie.

Raoul
Raoul
1 année il y a

Mille Mercis