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.