That I can work with! I am on my way to work and when I get in I will go ahead and see what I can do.
Topic summary
Objet: afficher l’image de variante au survol d’un échantillon de couleur (swatch) sur desktop, dans les pages de collection et les sections « Featured collection » du thème Flex (Shopify).
Avancement: l’auteur a partagé un extrait de product-thumbnail__swatch.liquid générant des swatches (avec image de fond PNG par handle de couleur et attributs data-image pointant vers variant.featured_image). Un répondant a fourni un exemple Liquid simplifié et une fonction JS updateMainImage(imageUrl), non testés.
Problèmes: la proposition remplace la logique de mapping image/swatch et n’inclut pas d’écouteurs de survol ni le bon sélecteur pour l’image principale. Un probable bug de syntaxe est présent (« option_inde x »). Après intégration, l’interface « front office » s’affiche mal; une capture d’écran a été jointe (centrale pour diagnostiquer), mais aucune solution confirmée.
Points en suspens / actions:
- Définir le bon sélecteur/ID de l’image principale et ajouter des écouteurs hover des swatches vers updateMainImage.
- Conserver ou rétablir des data-attributes liant chaque swatch à l’URL d’image de variante.
- Gérer la condition desktop uniquement.
- Partager éventuellement product__main.liquid pour un diagnostic complet.
Statut: non résolu, discussion ouverte.
1 Like