Comment utiliser les attributs de produit WooCommerce étape par étape [Guide complet]

Publié: 2022-01-11

Comment utiliser les attributs de produit WooCommerce Par défaut, WooCommerce vous permet d'ajouter des attributs de produit. Les attributs de produit WooCommerce sont un excellent moyen de mettre en évidence les principales caractéristiques d'un produit. Si vous n'êtes pas convaincu, pensez-y du point de vue du client. Si vous étiez un client potentiel, vous auriez besoin de connaître les attributs d'un certain produit, afin de pouvoir prendre des décisions éclairées, en particulier sur le plan financier. Cela améliorerait considérablement l'expérience d'achat des clients dans votre boutique WooCommerce.

Attributs du produit WooCommerce

Dans ce didacticiel, je vais vous montrer comment utiliser les attributs de produit pour fournir des distinctions telles que la couleur ou la taille, ainsi que des informations plus techniques sur vos produits et définir des variables. De plus, vous en apprendrez plus sur l'utilisation des attributs de produit dans WooCommerce. De plus, je vous fournirai un extrait PHP qui vous aidera à afficher les attributs de produit WooCommerce sur votre boutique en ligne.

La version par défaut de WooCommerce vous permet de définir des attributs globaux qui peuvent être appliqués ultérieurement à tous les produits nouveaux ou existants tels que les tailles. De plus, vous pouvez ajouter des attributs personnalisés. Il convient de mentionner que si vous avez de nombreux produits nécessitant le même attribut personnalisé, vous pouvez envisager de prédéfinir l'attribut de répétition.

Cependant, il est important de noter que la configuration de page par défaut n'offre pas de fonctionnalités importantes pour afficher les attributs du produit WooCommerce. Dans d'autres thèmes, cette section est située tellement en dessous que les clients ne les voient pas. Cela dit, examinons en profondeur comment vous pouvez utiliser et afficher les attributs du produit WooCommerce.

a) Étapes pour ajouter des attributs prédéfinis à votre boutique

Voici les étapes que vous devez suivre :

Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
Dans le menu Tableau de bord, cliquez sur Produits > Attributs .
Sous le champ de nom, vous devez saisir le nom de l'attribut.

Pour saisir les valeurs des attributs, vous pouvez cliquer sur Configurer les termes .

Cliquez sur Ajouter un attribut.

b) Étapes pour ajouter des attributs personnalisés à des produits individuels

Comme indiqué précédemment, vous trouverez peut-être préférable d'attribuer un attribut personnalisé à un produit unique plutôt que de suivre les étapes ci-dessus. Voici l'apparence par défaut d'un produit sans attributs personnalisés :

Voici les étapes simples que vous devez suivre :

Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
Dans le menu Tableau de bord, cliquez sur Produits > Tous les produits.
Après cela, vous devez faire défiler jusqu'à la section Données produit et cliquer sur Attributs et le menu déroulant pour " Attribut de produit personnalisé " Cliquez sur ajouter. Vous devez nommer votre attribut et ajouter vos valeurs et les séparer avec un tuyau comme indiqué ci-dessous :
Cliquez sur enregistrer les attributs .

Maintenant que nous en avons terminé avec ces étapes simples, comment pouvez-vous afficher ces attributs sur la page produit ?

c) Étapes pour afficher les attributs de produits personnalisés sur la page des produits

Avant de passer au bit de codage de cette section, il est important de noter que ce code ne fonctionne que pour les attributs réguliers et non pour les variantes.

Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
Dans le menu Dashboard , cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l' éditeur de thème est ouverte, recherchez le fichier de fonctions de thème où nous ajouterons la fonction qui affichera les attributs personnalisés du produit.
Ajoutez le code suivant au fichier functions.php :

 /**

 * @snippet Afficher les attributs de produits personnalisés sur la page des produits

*/

fonction cw_woo_attribute(){

    $produit global ;

    $attributs = $product->get_attributes();

    si ( ! $attributs ) {

        retourner;

    }

    $affichage_résultat = '';

    foreach ( $attributs as $attribut ) {

        si ( $attribut->get_variation() ) {

            Continuez;

        }

        $name = $attribute->get_name();

        si ( $attribut->is_taxonomy() ) {

            $terms = wp_get_post_terms( $product->get_id(), $name, 'all' );

            $cwtax = $terms[0]->taxonomie ;

            $cw_object_taxonomy = get_taxonomy($cwtax);

            if ( isset ($cw_object_taxonomy->labels->singular_name) ) {

                $tax_label = $cw_object_taxonomy->labels->singular_name ;

            } elseif ( isset( $cw_object_taxonomy->label ) ) {

                $tax_label = $cw_object_taxonomy->label ;

                if ( 0 === strpos( $tax_label, 'Product ' ) ) {

                    $tax_label = substr( $tax_label, 8 );

                }

            }

            $display_result .= $tax_label . ': ';

            $tax_terms = array();

            foreach ( $termes comme $terme ) {

                $single_term = esc_html( $term->name );

                array_push( $tax_terms, $single_term );

            }
            $display_result .= implode(', ', $tax_terms) . '<br />' ;

        } autre {

            $affichage_résultat .= $nom . ': ';

            $display_result .= esc_html( implode( ', ', $attribute->get_options() ) ) . '<br />' ;

        }
    }

    echo $affichage_résultat ;

}
add_action('woocommerce_single_product_summary', 'cw_woo_attribute', 25);

Pour voir le résultat, actualisez simplement la page des produits et vous devriez voir ceci :

Comment fonctionne le code

Ce code récupère les attributs des produits réguliers et les affiche sur la page Produit. Cependant, il ne sélectionne pas les attributs des produits variables.

Conclusion

L'objectif principal de cet article était de vous aider à apprendre à utiliser les attributs du produit WooCommerce. J'ai souligné comment vous pouvez ajouter des attributs prédéfinis et également des attributs personnalisés. Pour couronner le tout, j'ai partagé un extrait PHP que vous devez ajouter à votre fichier functions.php. De plus, j'ai souligné que l'affichage des attributs de produit WooCommerce sur les pages de produits est un excellent moyen d'encourager les clients à effectuer des achats. À présent, je suis sûr que vous savez comment utiliser les attributs de produit WooCommerce.