Aller au contenu

Attributs

Les produits WooCommerce peuvent avoir des "attributs".

Afficher les attributs dans les pages produits WooCommerce

Si votre thème WordPress n'affiche pas les attributs des produits dans les pages produits, ajoutez ce code dans functions.php de votre thème enfant :

PHP9 lignes
// Affiche les attributs du produit dans le résumé de la fiche produit (thème classique)
add_action( 'woocommerce_single_product_summary', 'ideoforge_attributs_dans_resume', 25 );

function ideoforge_attributs_dans_resume() {
    global $product;
    if ( $product instanceof WC_Product ) {
        wc_display_product_attributes( $product );
    }
}

Le chiffre 25 place le tableau entre la description courte du produit (priorité 20) et le bouton d'ajout au panier (priorité 30). Comme l'onglet natif, ce tableau affiche aussi le poids et les dimensions, et seulement les attributs cochés « Visible sur la page produit ».

Si le thème affiche déjà l'onglet « Informations complémentaires » et que vous ne voulez pas l'information en double, retirez l'onglet :

PHP5 lignes
// Retire l'onglet « Informations complémentaires » de la fiche produit
add_filter( 'woocommerce_product_tabs', function ( $tabs ) {
    unset( $tabs['additional_information'] );
    return $tabs;
}, 98 );

Ces codes s'ajoutent dans le fichier functions.php d'un thème enfant, ou avec une extension de snippets comme WPCode, qui évite de toucher aux fichiers du thème. Ils concernent les thèmes classiques : avec un thème par blocs, passez par l'éditeur de site. Testez-les d'abord sur une copie du site.

Les anciens tutoriels utilisent $product->list_attributes() : cette méthode est dépréciée depuis WooCommerce 3.0 et appelle en réalité wc_display_product_attributes(), utilisée ci-dessus.

Qu'est-ce qu'un attribut de produit ?

Un attribut décrit une caractéristique d'un produit : taille, couleur, matière, marque, contenance. Il a un nom (« Couleur ») et des valeurs, appelées termes (« Bleu », « Rouge », « Vert »). Les attributs servent à trois choses :

  • informer le client, dans le tableau « Informations complémentaires » de la fiche produit ;

  • construire les variations d'un produit variable (le T-shirt bleu en taille M, avec son prix et son stock) ;

  • filtrer le catalogue, par exemple n'afficher que les produits rouges.

Attributs globaux et attributs personnalisés

Les attributs globaux se créent une fois pour toute la boutique, dans Produits > Attributs : un nom, un slug facultatif, l'option « Activer les archives ? » (une page qui liste les produits ayant ce terme) et un tri par défaut des termes. Le lien « Configurer les termes » permet ensuite d'ajouter les valeurs. Un attribut global se réutilise sur n'importe quel produit, et une correction (renommer « Bleu marine » en « Marine ») s'applique partout.

Les attributs personnalisés se créent directement dans un produit, onglet Attributs des données du produit, avec le bouton « Ajouter » : un nom et des valeurs séparées par une barre verticale. Ils ne sont pas réutilisables sur d'autres produits.

En pratique, utilisez un attribut global dès qu'une caractéristique concerne plusieurs produits ou doit servir de filtre : les filtres de boutique s'appuient sur les attributs globaux. Gardez les attributs personnalisés pour une information propre à un seul produit.

Les deux cases à connaître

Dans l'onglet Attributs d'un produit, chaque attribut a deux cases :

  • Visible sur la page produit : l'attribut apparaît dans le tableau des informations complémentaires. Décochée, l'information reste dans la base mais n'est pas affichée ;

  • Utilisé pour les variations (produits variables seulement) : l'attribut sert à générer les variations, et le client devra choisir une valeur avant d'ajouter au panier.

Un attribut qui ne s'affiche pas sur la fiche produit est le plus souvent un attribut dont la première case n'est pas cochée.

Où s'affichent les attributs

Avec un thème classique, WooCommerce ajoute à la fiche produit un onglet Informations complémentaires dès que le produit a des attributs, un poids ou des dimensions. Le tableau reprend le poids, les dimensions et les attributs visibles.

Avec un thème par blocs, la fiche produit se modifie dans l'éditeur de site (Apparence > Éditeur, modèle du produit unique) : la description, les attributs et les avis sont affichés par le bloc « Détails sur le produit », et WooCommerce propose aussi un bloc « Spécifications du produit » qui présente le poids, les dimensions et les attributs sous forme de tableau.

Avec Divi, les modules WooCommerce du Theme Builder permettent de placer ces informations où vous voulez : voir le module Informations sur le produit Woo et le module Onglets de produit Woo.

Pour la suite, voir les variations de produit et la rubrique Produits.

Auteur : Jean-Noël Mathonnet

Commentaires

Pas encore de commentaire. Soyez le premier !

Laisser un commentaire

Lorsque vous achetez via des liens sur ce site, nous pouvons toucher une commission d'affiliation. + d'infos