Comment afficher les images des produits en fonction des variantes sélectionnées

À propos de la fonctionnalité « Afficher l’image du produit selon la variante sélectionnée »

Cette fonctionnalité vous permet de contrôler les images de produits qui s'affichent lorsqu'un client sélectionne une variante spécifique.
Lorsqu'elle est activée, GemPages affiche automatiquement uniquement les images pertinentes pour la variante choisie en faisant correspondre le nom de la variante avec le texte alternatif de l'image.

Vous pouvez appliquer ce paramètre aux deux Éléments du produit Éléments de la liste de produits.

Fonctionnement de la fonction

Lorsqu'un visiteur sélectionne une variante de produit, GemPages effectue les opérations suivantes :

• Comparez le nom de la variante avec le texte alternatif de chaque image de votre produit Shopify.
• Afficher uniquement les images dont le nom de la variante figure dans leur texte alternatif.
• Masquer automatiquement les images non pertinentes.

Vous pouvez également indiquer que certaines images doivent apparaître sur toutes les variantes en ajoutant le mot-clé « all-variants » dans leur texte alternatif (par exemple, instructions d'entretien, tableau des tailles).

Par défaut, toutes les images des produits sont affichées. Vous devrez activer cette option manuellement en suivant les instructions ci-dessous.

Comment activer l'option « Afficher les images des produits par variante sélectionnée » dans GemPages ?

Suivez les étapes ci-dessous pour activer cette fonctionnalité dans l'éditeur GemPages :

Étape 1 : De ton Administrateur Shopify, Aller à Apps > GemPages, puis ouvrez la page qui contient votre Élément de produit.

Étape 2 : Cliquez sur votre Élément de produit pour le sélectionner. Dans le panneau Calques, recherchez et cliquez sur le Élément d'image du produit à l'intérieur.

Étape 3 : Dans la barre latérale gauche, sous le Paramètres onglet, faites défiler vers le bas pour trouver État d'affichage.

Étape 4 : Choisissez l’option d’affichage

Vous verrez deux options :

• Toutes les images (par défaut): affiche toutes les images du produit, quelle que soit la variante.
• Variante sélectionnée : n'affiche que les images qui correspondent à la variante sélectionnée en fonction de leur texte alternatif.

Choisir le Variante sélectionnée pour activer la fonctionnalité.

Étape 5 : Une fois activé, cliquez Enregistrer Publier ta page.
Les images de vos produits s'actualiseront désormais dynamiquement dès qu'un visiteur sélectionnera une variante différente.

Comment configurer le texte alternatif pour les images à variantes dans Shopify

Pour que cette fonctionnalité fonctionne correctement, vous devrez lui attribuer les paramètres appropriés. texte alt GemPages utilise le texte alternatif de chaque image produit sur Shopify pour déterminer à quelle variante appartient chaque image.

Étape 1 : Depuis votre interface administrateur Shopify, accédez à Produits > [Votre produit].

Étape 2 : Trouvez les images que vous souhaitez associer à une variante.

Étape 3 : Cliquez sur une image → cliquez Ajouter un texte alternatif → Saisissez le nom de la variante.

Par exemple, supposons que vous vendiez un T-shirt avec les options de variantes suivantes :

• Couleur Rouge Bleu
• Tailles : S, M, L

Chaque image de produit doit inclure à la fois la couleur et la taille. texte alt, afin que GemPages puisse identifier quelle image appartient à quelle variante.

Exemples corrects :

Exemples incorrects :

Pour plus d'informations sur la gestion des images et des textes alternatifs des produits dans Shopify, consultez :

Centre d'aide Shopify – Médias produits

Centre d'aide Shopify – Ajouter un texte alternatif

Questions Fréquemment Posées

1. Pourquoi les images de mes produits ne s'affichent-elles pas correctement lorsque je sélectionne une variante ?

 Si vos images ne se mettent pas à jour en fonction de la variante sélectionnée, essayez les étapes suivantes :

• Assurez-vous que chaque image de produit inclut le nom de variante correct dans son texte alt.
• Vérifiez que le "variantes sélectionnées » L'option est activée. dans les paramètres d'image du produit.
• Rappelez-vous dans Les espaces, les tirets (-) et les traits de soulignement (_) sont ignorés. pendant la mise en relation.
• Si aucune image ne correspond au nom de la variante, GemPages affichera automatiquement toutes les images du produit.

2. Comment puis-je afficher certaines images pour toutes les variantes de produit ?

Si vous souhaitez qu'une image (comme un tableau des tailles, un guide d'entretien ou une photo générale du produit) apparaisse pour chaque variante, il vous suffit de l'ajouter. « toutes les variantes » à son texte alternatif dans Shopify.
GemPages affichera alors toujours cette image, quelle que soit la variante choisie par le client.

3. Puis-je désactiver la fonction « Afficher les images du produit par variante sélectionnée » ?

Oui. Pour l'éteindre, ouvrez le Image du produit Dans les paramètres de l'élément, dans l'éditeur GemPages, décochez la case correspondante. « Toutes les images » option.
Une fois désactivée, toutes les images des produits seront de nouveau affichées par défaut, quelle que soit la variante sélectionnée.

4. Que se passe-t-il s'il n'existe aucune image correspondante pour une variante ?

Si aucun texte alternatif d'image ne correspond à la variante sélectionnée, GemPages affichera automatiquement toutes les images de produits disponibles.

5. Comment puis-je masquer certaines variantes de produits dans Shopify ?

• Allez dans Administrateur Shopify > Produits > [Votre produit]
• Sélectionnez la variante que vous souhaitez masquer
• Réglez sa quantité en stock à o
• Assure-toi Continuer à vendre même en cas de rupture de stock est désactivé

• In Produits > [Votre produit]
• Supprimez complètement la variante si elle n'est plus nécessaire.