Échantillons de produits

Pour capturer la véritable couleur d’un produit, ouvrez l’image dans un éditeur de photos et utilisez l’outil de chute d’oeil pour identifier la couleur exacte et prendre note de la valeur hexadécimale équivalente.

{width="400"}

Sur la barre latérale Admin, accédez à Stores > Attributes>Product.

Dans la grille, ouvrez l’attribut color en mode d’édition.

Vérifiez que Catalog Input Type for Store Owner est défini sur Visual Swatch.

Si vous préférez ne pas afficher les images de produit simples correspondantes lorsque l’échantillon est sélectionné sur la page d’affichage du produit, définissez Update Product Preview Image sur No.

Sous Manage Swatch (Values of Your Attribute), cliquez sur Add Swatch ​et procédez comme suit :

{width="600" modal="regular"}

• Dans la colonne Échantillon, cliquez sur le nouvel échantillon et sélectionnez Choose a color dans le menu.

  {width="500" modal="regular"}

• Dans le sélecteur de couleurs, placez le curseur dans le champ # , supprimez la valeur actuelle et saisissez la valeur hexadécimale de six caractères de la nouvelle couleur.

  {width="500" modal="regular"}

• Pour enregistrer l’échantillon, cliquez sur l’icône Color Wheel ( ) dans le coin inférieur droit du sélecteur de couleurs.

• Dans la colonne Admin , saisissez un libellé pour décrire la couleur à l’administrateur du magasin.

  Vous pouvez également saisir la traduction de la couleur pour chaque langue prise en charge. Dans l’exemple suivant, le SKU est inclus à titre de référence dans l’étiquette Admin, car les couleurs ne sont utilisées que pour un produit spécifique. Vous pouvez inclure un espace ou un trait de soulignement dans le libellé, mais pas un trait d’union.

• Dans la colonne Is Default , sélectionnez l’échantillon à utiliser par défaut.

• Pour modifier l’ordre des échantillons de couleurs, cliquez sur l’icône Order et faites glisser l’élément vers un nouvel emplacement dans la liste.

  {width="400"}

Une fois l’opération terminée, cliquez sur Save Attribute et actualisez le cache lorsque vous y êtes invité.

Ouvrez chaque produit en mode d’édition et mettez à jour l’attribut Color avec l’échantillon approprié.

Pour mettre à jour plusieurs produits en même temps, procédez comme suit.

Pour capturer une image pour un échantillon, ouvrez l’image du produit dans un éditeur de photos et enregistrez une zone carrée de l’image qui représente la couleur, le motif ou la texture.

Si nécessaire, vous pouvez répéter cette action pour chaque variante du produit.

La taille et les dimensions de l’échantillon sont déterminées par le thème. En règle générale, l’enregistrement d’une image en tant que carré permet de conserver les proportions d’un modèle.

{width="400"}

Sur la barre latérale Admin, accédez à Stores > Attributes>Product.

Dans la grille, ouvrez l’attribut color en mode d’édition.

Vérifiez que Catalog Input Type for Store Owner est défini sur Visual Swatch.

Si vous préférez ne pas afficher les images de produit simples correspondantes lorsque l’échantillon est sélectionné sur la page d’affichage du produit, définissez Update Product Preview Image sur No.

Sous Manage Swatch(valeurs de votre attribut), cliquez sur Add Swatch ​et procédez comme suit :

• Dans la colonne Swatch, cliquez sur le nouvel échantillon pour afficher le menu et choisissez Upload a file.

• Accédez au fichier d’échantillon que vous avez préparé et sélectionnez le fichier à charger.

• Répétez ces étapes pour chaque échantillon d’image.

• Saisissez les libellés pour l’administrateur et le storefront.

  Dans cet exemple, le SKU est inclus dans l’étiquette d’administration à titre de référence, car ces couleurs ne sont utilisées que pour un produit spécifique. Vous pouvez inclure un espace ou un trait de soulignement dans le libellé, mais pas de trait d’union.

  {width="500" modal="regular"}

Une fois l’opération terminée, cliquez sur Save Attribute et actualisez le cache lorsque vous y êtes invité.

Ouvrez chaque produit en mode d’édition et mettez à jour l’attribut Color avec l’échantillon approprié.

Pour mettre à jour plusieurs produits en même temps, procédez comme suit.

Sur la barre latérale Admin, accédez à Catalog > Products.

Utilisez Filter pour afficher la liste par nom ou SKU et inclure uniquement les produits applicables.

Dans la grille, cochez la case de chaque produit auquel s’applique l’échantillon.

Définissez Actions sur Update Attributes.

Dans cet exemple, toutes les configurations bleues du pantalon sont sélectionnées.

{width="600" modal="regular"}

Faites défiler l’écran jusqu’à l’attribut Color et cochez la case Change .

{width="400"}

Sélectionnez l’échantillon qui s’applique aux produits sélectionnés et cliquez sur Save.

Lorsque vous y êtes invité, actualisez le cache.

{width="200"}

Sur la barre latérale Admin, accédez à Catalog > Products.

Ouvrez un produit en mode d’édition, vérifiez son état (doit être activé).

Cliquez sur le bouton Create Configurations (sous l’onglet Configurations).

Dans la fenêtre contextuelle, choisissez l’attribut Color et Next.

Sélectionnez des échantillons de couleurs dans l’attribut que vous souhaitez inclure dans ce produit.

Dans la barre de progression, cliquez sur Next.

Configurez les images, le prix et la quantité.

Au cours de cette étape, définissez les images, le prix et la quantité de chaque configuration. Les options disponibles sont les mêmes pour chacune d’elles et vous pouvez en choisir une seule. Vous pouvez appliquer le même paramètre à tous les SKU, appliquer un paramètre unique à chaque SKU ou ignorer les paramètres pour l’instant.

Lorsque la configuration des images, du prix et de la quantité est terminée, cliquez sur Next dans le coin supérieur droit.

Les variations de produit actuelles s’affichent au bas de la section Configuration . Si les configurations vous conviennent, cliquez sur Generate Products.