Comment modifier les boutons du widget panier dans woocommerce

Publié par Fred Le

Catégorie(s): 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 );

Laisser un commentaire

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Pour affiché du code HTML, CSS, PHP, JAVASCRIPT utilisé le marqueur : [code][/code]