Passer au contenu principal

Afficher des images dynamiques sur les pages produits

Mettez automatiquement à jour l'image du produit pour qu'elle corresponde aux sélections de vos clients

Sandy Jolin avatar
Écrit par Sandy Jolin
Mis à jour il y a plus de 2 semaines

Les images dynamiques sont des images qui se mettent à jour pour correspondre à la sélection de vos clients. Si vous avez utilisé le type d'option Échantillons et ajouté des images, vous pouvez configurer des images dynamiques pour garantir que l'image de la page produit change automatiquement en fonction des échantillons sélectionnés par vos clients.


Exigences

  • Cette fonctionnalité ne fonctionnera que pour le type d’option Échantillons.

  • Assurez-vous d'avoir ajouté des images aux valeurs d'options.


Activer la modification de l'image du produit lors de la sélection

  1. Cliquez sur Options, puis cliquez sur Liste des options pour afficher vos options.

  2. Cliquez sur n’importe quelle option avec Échantillons comme type d’option.

  3. Cochez le paramètre Modifier l’image du produit lors de la sélection.

  4. Cliquez sur Enregistrer.


Modifier le thème

  1. Accédez à Boutique en ligne > Thèmes, développez le menu du thème que vous souhaitez modifier, puis cliquez sur Modifier le code.

  2. Recherchez le fichier product-thumbnail.liquid.

    • Habituellement, le fichier product-thumbnail.liquid se trouve dans le dossier Snippets ou Sections.

  3. Ajoutez <div class="zapiet-product-image-container"> au début du code.

  4. Ajoutez une fermeture </div> à la fin du code.

  5. Cliquez sur Enregistrer.


Désormais, lorsque vos clients sélectionnent une option différente, l'image sur la page produit changera dynamiquement pour refléter leur choix.

Si vous rencontrez des problèmes lors de la configuration, veuillez nous en informer sur notre chat en direct et nous serons heureux de vous aider !

Avez-vous trouvé la réponse à votre question ?