Chez WooCommerce, des descriptions produits figurent en dessous de tous les produits. Par défaut, votre page affiche trois rubriques : « Description », « Informations complémentaires » et « Avis ».
Ceci dit, saviez-vous que vous avez la possibilité de changer ces éléments ? C’est justement ce que nous allons voir à travers ces multiples snippets. Après la lecture de ce billet, vous saurez de quelle manière ajouter, supprimer, modifier, réorganiser et renommer ces différents blocs inchaa’Allah.
Renommer ou Modifier un Bloc de Description
- Renommer un bloc
Pour réaliser cette manœuvre, copiez-collez le code ci-dessous dans le fichier « functions.php » de votre thème enfant :
/* Modifier le nom des bloc d'informations WooCommerce */ add_filter( 'woocommerce_product_tabs', 'wpm_rename_tabs', 98 ); function wpm_rename_tabs( $tabs ) { $tabs['description']['title'] = __( 'A propos de ce produit' ); // Renomme le bloc "Description" $tabs['reviews']['title'] = __( 'Avis de nos clients' ); // Renomme le bloc "Avis" $tabs['additional_information']['title'] = __( '+ d\'infos' ); // Renomme le bloc "Informations complémentaires" return $tabs; }
Ensuite, il convient de remplacer les mots entre parenthèses par les termes que vous souhaitez. Or, il faut savoir que la fonction « __() » a pour rôle de traduire la chaîne de caractères pour un site multilingue.
- Changer le contenu d’un bloc
Dans le fichier « functions.php » du thème enfant, copiez-collez le snippet suivant :
/* Modifier le contenu d'un bloc d'informations WooCommerce */ add_filter( 'woocommerce_product_tabs', 'wpm_custom_description_tab', 98 ); function wpm_custom_description_tab( $tabs ) { $tabs['description']['callback'] = 'wpm_custom_description_tab_content'; // On remplace le contenu du bloc description avec notre fonction personnelle return $tabs; } function wpm_custom_description_tab_content() { echo '<h2>Ce bloc a changé de contenu</h2>'; echo '<p>J\'écris ici du contenu personnalisé pour décrire mon produit</p>'; }
Après cela, il ne vous reste plus qu’à modifier la fonction « wpm_custom_description_tab_content() » afin d’y placer le contenu que vous voulez.
- Réorganiser l’affichage des blocs
Pour effectuer cette tâche, il convient de copier-coller le code ci-dessous dans le fichier « functions.php » de votre thème enfant :
/* Réordonner les blocs de descriptions WooCommerce */ add_filter( 'woocommerce_product_tabs', 'wpm_reorder_tabs', 98 ); function wpm_reorder_tabs( $tabs ) { $tabs['reviews']['priority'] = 5; // On affiche les avis en 1er $tabs['description']['priority'] = 10; // ensuite le bloc "Description" en deuxieme $tabs['additional_information']['priority'] = 15; // Et enfin les informations complémentaires return $tabs; }
Ajouter ou Supprimer Une Partie Des Descriptions Produits
- Supprimer un bloc
Il se peut que vous ayez envie de supprimer un ou plusieurs blocs. Le cas échéant, il vous faudra copier-coller le code ci-dessous dans le fichier « functions.php » de votre thème enfant :
// Gérer les blocs de description produits add_filter( 'woocommerce_product_tabs', 'wpm_remove_product_tabs', 98 ); function wpm_remove_product_tabs( $tabs ) { unset( $tabs['description'] ); // Supprime le bloc "Description" unset( $tabs['reviews'] ); // Supprime le bloc "Avis" unset( $tabs['additional_information'] ); // Supprime le bloc "Information complémentaires" return $tabs; }
Sachez toutefois que ce snippet procédera à la suppression de tous les blocs de description. Dans le cas où vous aimeriez en garder un ou plusieurs, vous devrez simplement retirer les lignes des encarts à conserver.
- Ajouter un bloc
Dans certains cas, il arrive que vous ne vouliez pas vous contenter des trois blocs par défaut. Ainsi, vous désirerez sans doute en ajouter. Pour ce faire, il vous suffit de copier-coller le snippet suivant dans le fichier « functions.php » de votre thème enfant :
/* Ajouter un bloc d'informations WooCommerce */ add_filter( 'woocommerce_product_tabs', 'wpm_new_product_tab' ); function wpm_new_product_tab( $tabs ) { // On ajoute un nouveau bloc $tabs['nouveau_bloc'] = array( 'title' => __( 'Mon nouveau bloc', 'woocommerce' ), 'priority' => 50, 'callback' => 'wpm_new_product_tab_content' ); return $tabs; } function wpm_new_product_tab_content() { // Insérez ici le contenu de votre nouveau bloc echo '<h2>Le titre de mon nouveau bloc</h2>'; echo '<p>Le contenu de mon nouveau bloc.</p>'; }
À l’instar du snippet « réorganiser l’affichage des blocs », vous avez le choix de changer l’attribut ‘priority’, si vous préférez que ce nouveau bloc ne s’affiche pas à la fin. Enfin, dans le cas où vous souhaiteriez customiser ce dernier, vous pouvez changer le contenu de la fonction « wpm_new_product_tab_content() ».
2 réflexions sur “WooCommerce : Comment Modifier ou Supprimer Une Partie Des Descriptions Produits ?”
Top ! Le bloc « informations complémentaires » peut parfois être dérangeant … Une manip via le css peut fonctionner lorsque l’on utilise un thème avec comme builder WP Bakery, mais avec elementor et astra bizarrement ca ne fonctionne pas… Merci pour cet article très utile !
Avec plaisir !