Comment Changer le Texte du Bouton « Ajouter au Panier » de WooCommerce en « Afficher le Produit »

Par défaut, la page boutique et les pages d’archives produits WooCommerce ne proposent que la possibilité d’afficher le bouton « Ajouter au panier » en dessous de l’image et du titre de vos produits. Heureusement, et cela est parfois plus judicieux, nous pouvons modifier le texte de ce bouton afin d’y mettre à la place « afficher le produit » ou la phrase que vous désirez en réalisant la petite manipulation qui suit.

La configuration par défaut

Voici comment, par défaut, WooCommerce affiche le bouton « ajouter au panier » en dessous des produits d’un site internet :

Il existe plusieurs situations dans lesquelles nous voudrions expliquer à notre visiteur pourquoi ce produit est le produit qu’il recherche. Et pour cela, il a besoin de lire la fiche produit de celui-ci. Nous allons modifier le texte du bouton « ajouter au panier » par le texte « afficher le produit » inchaa’Allah.

Modifier le texte du bouton « Ajouter au panier » en « Afficher le produit »

Pour ce faire, ajouter ce code au fichier « functions.php » de votre thème enfant de votre thème :

/**
* Modifier le texte du bouton "Ajouter au panier" par le texte "Afficher le produit"
*/
// Premièrement, nous supprimer le bouton "Ajouter au panier"
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
 
// Deuxièmement, nous créons le bouton "Afficher le produit" 
add_action( 'woocommerce_after_shop_loop_item', 'wpt_custom_view_product_button', 10);
function wpt_custom_view_product_button() {
global $product;
$link = $product->get_permalink();
echo '<a href="' . $link . '" class="button wpt-custom-view-product-button">Afficher le produit</a>';
}

Voici le résultat que vous aurez inchaa’Allah :

Exemples de cas dans lesquels on pourrait personnaliser le texte « Afficher le produit »

Si sur votre site internet vous ne vendez que des huiles bio par exemple, alors vous pouvez personnaliser le texte comme suit « Afficher l’huile » ou bien « Lire les caractéristiques ».
À vous de voir, en fonction de votre site et vos produits, quelle phrase sera le mieux adaptée inchaa’Allah.

Alternative

Si vous ne désirez pas supprimer le bouton « Ajouter au panier » mais ajouter avant ou après celui-ci le bouton « Afficher le produit » sur votre page boutique et vos archives WooCommerce, lisez cet article.

Qu’Allah vous assiste.