Comment modifier le texte « Produits similaires » dans la page produit WooCommerce ?

Dans ce tutoriel nous allons voir comment modifier le titre « Produits similaires » qui se trouve dans les fiches produits de votre site WooCommerce. Ce bloc de produit affiche de manière automatique des produits qui ont des catégories ou des mots-clés en commun. Cependant, le titre par défaut n’est pas pertinent selon moi et vous voudrez peut-être le changer.

Nous allons voir comment éditer le titre et en plus de cela comment ajouter un sous-titre d’une manière similaire au changement du titre des produits suggérés et l’ajout d’un sous-titre que nous avons déjà abordé.

Nous avons aussi traité le cas où l’on voudrait supprimer les produits similaires de la page produit si vous n’en avez pas l’utilité.

Voici le rendu de la section des produits apparentés sur la page produit après avoir mis un titre différent et ajouté un nouveau texte descriptif juste en dessous.

Renommer le titre « Produits similaires »

WooCommerce nous offre un filtre utile qui nous permet de modifier complètement le titre. Par exemple, remplaçons « Produits similaires » par « Les clients ont aussi consulté » :

add_filter( 'woocommerce_product_related_products_heading', 'wootimeo_rename_related_products' );
 
function wootimeo_rename_related_products() {
   return "Les clients ont aussi consulté";
}Langage du code : JavaScript (javascript)

Ajouter un sous-titre en dessous de « Produits similaires »

Vous pouvez également ajouter plus de texte sous « Produits similaires », à des fins de référencement et de marketing par exemple. C’est un peu plus délicat car il n’y a pas de hook d’action WooCommerce disponible, j’ai donc dû trouver une solution de contournement et afficher le contenu AVANT la boucle des produits similaires :

add_filter( 'woocommerce_product_loop_start', 'wootimeo_related_products_subheading' );
 
function wootimeo_related_products_subheading( $html ) {
   if ( wc_get_loop_prop( 'name', 'related' ) ) {
      $html = '<p>Vous y trouverez une sélection de produits qui ont été consultés et achetés par d\'autres clients en fonction de vos centres d\'intérêt. </p>'. $html;
   }
   return $html;
}Langage du code : PHP (php)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *