Comment créer des attributs
Pour avoir des variations de produit, vous devez créer les attributs (tels que les couleurs, tailles, etc.) et les caractéristiques du produit qui les définissent. Dans ce guide, vous apprendrez à créer des attributs généraux pour tous les produits de votre boutique SiteGround Ecommerce.
Comment créer des attributs dans une liste déroulante
Pour afficher des attributs comportant de nombreuses valeurs de manière compacte, vous pouvez utiliser une liste déroulante. Ce format convient aux tailles de chaussures, tailles de vêtements, etc.
- Accedez à Site Admin > Store Manager > Caractéristiques.
- Cliquez sur le bouton Ajouter une nouvelle caractéristique.

- Inscrivez le nom de l’attribut dans les champs Nom de l’attribut et Étiquette de la vitrine.

- Ouvrez le menu Format d’affichage des attributs, et sélectionnez Menu déroulante.

- Entrez une valeur dans le champ Valeurs.
- Pour ajouter plus de valeurs, cliquez sur le bouton Ajouter une valeur ou appuyez sur la touche Entrée (pour Windows) ou Retour (pour Mac).
- Enfin, cliquez sur le bouton Sauvegarder pour confirmer l’attribut.

L’attribut sera maintenant enregistré et affiché dans la section Attributs.
Comment créer des attributs de couleur
Les attributs de couleur sont idéalement présentés dans des pastilles colorées, qui offrent une meilleure lisibilité visuelle pour vos clients. Pour cela, utilisez le format d’affichage Couleurs :
- Cliquez sur le bouton Ajouter une nouvelle caractéristique.
- Remplissez les champs Nom de l’attribut et Étiquette de la vitrine.
- Sélectionnez Couleurs dans le menu Format d’affichage des attributs.

- Cliquez sur la pastille de couleur sous Valeurs.
- Dans la fenêtre pop-up, utilisez le sélecteur de couleur pour choisir la teinte souhaitée.

- Saisissez le nom de la couleur dans le champ à côté de la pastille colorée.

- Ajoutez plus de couleurs en cliquant sur le bouton Ajouter une valeur, ou appuyez simplement sur Entrée (pour Windows) ou Retour (pour Mac).
- Finalement, appuyez sur le bouton Sauvegarder pour confirmer l’attribut.

Comment créer des attributs avec des boutons
Vous pouvez également afficher les attributs de produit sous forme de boutons. Cette option convient aux attributs ayant un nombre limité de valeurs et vous permet de les afficher simultanément sur la page produit sous forme de boutons.
- Cliquez sur le bouton Ajouter une nouvelle caractéristique dans la section Store Manager > Caractéristiques.
- Remplissez les champs Nom de l’attribut et Étiquette de la vitrine.
- Ouvrez le menu Format d’affichage des attributs et sélectionnez Boutons.

- Saisissez la valeur du premier bouton dans le premier champ Valeurs.
- Cliquez sur le bouton Ajouter une valeur ou appuyez sur Entrée pour créer d’autres valeurs.
- Confirmez avec le bouton Sauvegarder.

Comment créer des attributs d’image
Pour présenter visuellement les valeurs d’attribut d’un produit, utilisez le type d’attribut d’image. Par exemple, lors de l’affichage de variations de couleur, l’attribut de couleur standard affiche chaque option sous forme d’échantillon de couleur simple. Les attributs d’image offrent une alternative plus riche, vous permettant de représenter chaque variation avec une photo réelle du produit dans cette couleur spécifique.
Les images de ce type d’attribut sont téléversées pour chaque produit individuellement. Supposons que vous souhaitiez créer un attribut d’image pour des produits disponibles en rose. Vous pouvez configurer l’attribut, ajouter la valeur « Rose » et le réutiliser pour plusieurs produits. L’attribut lui-même est enregistré dans Site Admin > Store Manager > Attributs, mais seule son étiquette est enregistrée à cet endroit, les fichiers image restent associés à chaque produit individuellement.
Lors de la modification d’un produit spécifique, vous pouvez attribuer cet attribut et téléverser une image de ce produit en rose.
Pour créer un attribut d’image, l’ajouter à un produit et joindre une image, suivez ces étapes :
- Accédez à Site Admin > Store Manager > Caractéristiques.
- Cliquez sur le bouton Ajouter une nouvelle caractéristique dans le coin supérieur droit.

- Remplissez le champ Nom de l’attribut, qui sert d’identifiant dans l’administration de votre boutique.
- Remplissez le champ Étiquette de la vitrine qui sera affiché aux visiteurs du site.
- Ouvrez le menu Format d’affichage des attributs et sélectionnez Image.

- Saisissez une valeur dans le champ Valeurs.
- Appuyez sur Entrée ou le bouton Ajouter une valeur pour créer plus de valeurs.
- Cliquez sur Sauvegarder pour ajouter l’attribut d’image.

- Accédez à Store Manager > Produits et modifiez le produit pour lequel vous aurez des variations d’image.
- Accédez à la section Prix & Inventaire et appuyez sur Gérer les attributs.

- Dans la fenêtre pop-up suivante, appuyez sur Ajouter des attributs.

- Ouvrez le menu Nom de l’attribut et sélectionnez l’attribut d’image que vous avez créé précédemment.

- Accédez à la section Valeurs ci-dessous, où toutes les valeurs existantes sont répertoriées. Cliquez sur l’icône de l’espace réservé à l’image pour la valeur choisie afin d’attribuer une image.

- Une fenêtre de sélection de fichiers apparaîtra. Cliquez sur Rechercher des fichiers pour télécharger une nouvelle image, choisissez une image existante dans votre galerie de médias depuis l’onglet Mes fichiers, ou ouvrez l’onglet Galerie d’Unsplash pour rechercher une image adaptée. Confirmez votre choix en cliquant sur Insérer.

- Répétez le même processus pour ajouter des images pour les valeurs restantes. Pour ajouter une nouvelle valeur, cliquez sur Ajouter une valeur.
- Appuyez sur Sauvegarder pour confirmer l’attribut d’image.
