Drupal Commerce – Configuration des attributs de produit

Cet article parle des Attributs de Produit dans Drupal Commerce. Pour l'introduction au module  Commerce, veuillez consulter notre autre article sur Drupal Commerce.

Lors de la création d'une plateforme de commerce électronique pour un secteur donné, il est nécessaire d'adapter le système à des types de produits spécifiques. Chaque type de produit a des caractéristiques différentes, par ex. taille, couleur, etc. Découvrez à quel point vous pouvez facilement personnaliser Drupal Commerce pour vendre tout type de produit.

Nous sommes heureux de vous expliquer comment ajouter facilement des attributs aux produits pour plusieurs secteurs sélectionnés. Nous sommes une agence Drupal et nous nous en occupons tous les jours.

Les attributs sont les caractéristiques des types de produits donnés. Par exemple, lorsque vous vendez vos propres T-shirts originaux, grâce aux attributs, vous n'avez pas à ajouter des produits séparés lorsque vous souhaitez ajouter une autre taille ou couleur de chemise. Vous créez un produit, ajoutez un attribut de taille et de couleur, et créez d'autres versions du même produit.

Grâce à cela, le client peut facilement ajouter au panier la variante de produit qui l'intéresse, sans devoir passer à une autre sous-page avec un produit différent.

Attributs de produit dans Drupal Commerce

Ce post est une continuation de la série portant sur le module Commerce utilisé pour ajouter une plateforme de commerce électronique à Drupal. Partie précédente de la configuration de base de Commerce.

Vous ajoutez de nouveaux attributs à la variation du produit. La variation du produit est associée à une référence au produit. Grâce à cela, vous créez un produit, par ex. un T-shirt avec le logo Droptica, et vous ajoutez des variations avec différents attributs à celui-ci. L'attribut peut être la couleur ou la taille du T-shirt. Chaque variation peut également avoir un prix différent.

Commencez par créer un nouveau type de produit – T-shirt
Depuis le menu d'administration Commerce → Configuration → Produits → Types de produits

Ajoutez un nouveau produit.

→ entrez le libellé
→ vérifiez que le produit devrait avoir plusieurs variations
→ Type de variation de produit – en cochant Créer nouveau, un nouveau type de variation sera automatiquement créé avec le même nom que le type de produit, dans ce cas – T-shirt. Vous pouvez également choisir un type de variation déjà existant.

Si vous réglez Créer nouveau dans le champ de variation, après avoir enregistré le nouveau type de produit, en allant à 
Commerce → Configuration → Produits → Types de variations de produits, vous verrez un nouveau type de variation.

Attributs de produit pour une boutique de T-shirts/vêtements

Deux attributs typiques pour ce type de magasin sont la couleur et la taille.

Couleur.

La solution standard pour le choix de couleur est de créer une couleur liée, où – après l'avoir cliquée – la variation appropriée du produit se charge.

Drupal Commerce vous permet d'atteindre cet effet très simplement.

La liste des attributs et l'option pour les créer sont disponibles dans
Commerce → Attributs de produits

Ajoutez un nouvel attribut en cliquant sur le bouton Ajouter un attribut de produit

ajoutez son nom – Couleur
type d'élément – pour l'instant, définissez la liste de sélection,
et la variation de produit, à laquelle il doit être lié – T-shirt,

Après avoir enregistré, ajoutez les valeurs de couleur à votre guise.

Créez maintenant un nouveau produit T-shirt et ajoutez-lui quelques variations pour voir comment les attributs fonctionnent. Fixez des prix différents pour différentes variations – vous verrez alors qu'après avoir changé l'attribut, le prix changera automatiquement.

L'attribut couleur peut être trouvé dans le formulaire de création de variation de produit.

Lorsque vous allez à la page principale du produit, la liste de sélection de couleur sera visible. 

Changer une liste de sélection en liens avec des couleurs

Pour obtenir cet effet, vous devez ajouter un nouveau module – Colour Field

 

Après avoir activé le module, ajoutez un nouveau champ à l'attribut de couleur.

Vous pouvez le faire de la même manière que vous le feriez pour toute autre entité dans Drupal.

 

Allez à Commerce → Attributs de produits 

Et choisissez le lien Gérer les champs

Ajoutez un nouveau champ Couleur

Enregistrez les paramètres

La prochaine étape dans la configuration est de changer l'affichage du champ de couleur dans l'onglet pour gérer l'apparence du formulaire, ainsi que l'apparence du champ lorsque le produit est visualisé.

Gérer l'apparence du formulaire

Configurez pour que les deux champs soient visibles. Cela permet de définir le nom de la couleur et sa valeur HEX lors de l'édition de l'attribut.

Gérer l'affichage.

Dans ce cas, vous laissez seulement l'affichage de la couleur et cachez son nom. Dans le format, réglez – Interrupteur de couleur. 

Grâce à cela, des carrés colorés avec des couleurs à choisir apparaîtront. En cliquant sur l'icône de la roue dentée des paramètres, vous pouvez changer la taille de ces carrés ou les remplacer par des ovales. 

La dernière étape est de changer les paramètres dans l'attribut lui-même.

 

Allez à ses options d'édition.

Changez le type d'élément en Attribut rendu et ajoutez des valeurs hexadécimales pour les couleurs individuelles. 

Après avoir enregistré les paramètres sur la page, les produits – au lieu d'une liste de sélection/attributs – seront des carrés colorés liés.

 

Attributs pour un magasin d'électronique

Les ordinateurs portables sont l'un des produits trouvés dans les magasins d'électronique.

Les attributs typiques pour ce type de produit sont :

• système d'exploitation pré-installé
• quantité de RAM
• capacité SSD

et d'autres encore, mais pour les besoins de ce post, je vais vous montrer comment ajouter ces trois-là.

Les attributs sont ajoutés de la même manière que dans l'exemple précédent concernant un magasin de T-shirts.

Le résultat de la configuration sera :

• liste de sélection de système d'exploitation
• quantités de RAM cliquables à choisir
• boutons radio avec sélection de capacité SSD

Je suppose que le magasin a déjà ajouté le type de produit et la variation de produit – Ordinateur portable

Configuration pour l'attribut système d'exploitation.

 

Configuration de l'attribut RAM

Configuration de l'attribut de capacité SSD

Résumé

Comme vous pouvez le voir, les attributs peuvent être ajoutés aux produits dans un magasin basé sur Drupal Commerce de manière très rapide et facile. En les mettant en œuvre, vous aiderez les potentiels clients à trouver plus rapidement le bon produit et vous vous donnerez une chance d'augmenter le chiffre d'affaires.