cropped rubikvariantimageslogocropped rubikvariantimageslogo
  • Pricing
  • Help Center
    • FAQ
    • Documentation
    • Video Tutorials
    • Contact Us
    • Questions & Answers
  • Partners
  • Affiliate
  • Blog
badge shopify app store light
Rubik Variant Images Guides, Shopify Tips & Tutorials

Images par variante Shopify: guide d’installation

April 1, 2026
Photos de sac arrangées sur un tableau

Shopify autorise une seule image par variante. Pour un produit en 8 couleurs avec 5 photos par couleur, ca veut dire 40 images dans la galerie, toutes visibles en meme temps. Le client choisit “Rouge” mais voit aussi les photos du Bleu, du Vert et du Noir.

Rubik Variant Images resout ce probleme. L’application permet d’assigner plusieurs images a chaque variante et filtre la galerie en temps reel. Ce guide vous accompagne de l’installation jusqu’au resultat final.

Dans cet article

  • Etape 1 : Installer l’application
  • Etape 2 : Activer l’app embed
  • Etape 3 : Assigner les images manuellement
  • Option rapide : IA Auto-Assign
  • Gros catalogues : Bulk Assign
  • Images communes
  • Configurer les nuanciers
  • Tester le resultat
  • Video
  • Questions frequentes
  • A lire aussi

Etape 1 : Installer l’application

Rendez-vous sur la page Rubik Variant Images sur l’App Store Shopify. Cliquez sur “Installer”. Acceptez les autorisations demandees.

L’installation prend quelques secondes. Un plan gratuit est disponible pour tester avec 1 produit. Les plans payants commencent a 25$/mois pour 100 produits (Starter), 50$/mois pour 1000 produits (Advanced) et 75$/mois pour un nombre illimite (Premium).

Etape 2 : Activer l’app embed

Apres l’installation, vous devez activer l’app embed dans votre theme. C’est le script qui fait fonctionner le filtrage de galerie et les nuanciers sur votre boutique.

Allez dans votre admin Shopify, puis Boutique en ligne, Personnaliser. Dans l’editeur de theme, ouvrez les app embeds (icone en forme de bloc a gauche). Activez “Rubik Variant Images”. Enregistrez. C’est tout.

Pas de code a copier. Pas de fichier Liquid a modifier. L’app embed s’injecte automatiquement dans votre theme.

Etape 3 : Assigner les images manuellement

Ouvrez Rubik Variant Images depuis votre admin Shopify. Selectionnez un produit. Vous verrez la liste des variantes a gauche et les images du produit a droite.

Le principe est simple : glissez les images sur les variantes. Une image de la veste bleue va sur la variante “Bleu”. Les photos de la veste rouge vont sur “Rouge”. Vous pouvez assigner autant d’images que vous voulez par variante.

L’ordre des images dans chaque variante compte. La premiere image sera celle affichee en premier quand le client selectionne cette variante. Reorganisez-les par glisser-deposer si necessaire.

Cliquez sur Enregistrer. Visitez la page produit. Selectionnez une variante. La galerie ne montre maintenant que les images assignees a cette variante.

Option rapide : IA Auto-Assign

Assigner les images manuellement fonctionne bien pour quelques produits. Mais si vous avez un catalogue de 200 produits avec 8 couleurs chacun, ca devient vite penible.

L’IA Auto-Assign fait le travail pour vous. Cliquez sur le bouton IA dans la page produit. L’application analyse chaque image et determine a quelle variante elle appartient.

L’IA evalue 4 points de donnees pour chaque image :

  • Nom du produit. Le titre du produit donne du contexte sur le type d’article.
  • Nom de la variante. “Bleu Marine”, “Rouge Cerise” ou “Taille L” : l’IA cherche des correspondances entre le nom de la variante et les informations de l’image.
  • Nom du fichier image. Si votre fichier s’appelle veste-bleue-face.jpg, l’IA utilise cette information.
  • Texte alt de l’image. Le texte alternatif fournit un indice supplementaire sur le contenu de l’image.

En combinant ces 4 points, l’IA assigne les images avec precision. Verifiez toujours le resultat avant d’enregistrer. L’IA fait un excellent travail, mais un controle rapide reste recommande.

Gros catalogues : Bulk Assign

Le Bulk Assign est concu pour les boutiques avec des centaines ou des milliers de produits. Il fonctionne differemment de l’IA Auto-Assign.

Le principe : c’est un regroupement base sur l’ordre des images dans la galerie Shopify. Vos images doivent etre classees par variante. Chaque groupe commence par l’image que Shopify a deja assignee comme image de variante. L’application detecte ces limites et assigne automatiquement les images suivantes a la variante correspondante.

Exemple concret. Votre produit a 3 couleurs : Rouge, Bleu, Vert. Dans la galerie Shopify, les images sont dans cet ordre : [Rouge-face, Rouge-dos, Rouge-detail, Bleu-face, Bleu-dos, Bleu-detail, Vert-face, Vert-dos, Vert-detail]. L’image “Rouge-face” est l’image de variante Shopify pour Rouge. L’application detecte que les 2 images suivantes appartiennent aussi a Rouge, jusqu’a ce qu’elle trouve l’image de variante suivante (Bleu-face).

Le Bulk Assign tourne en arriere-plan. Vous pouvez l’appliquer a tout votre catalogue ou a une selection de produits. Il est sans risque : vous pouvez le relancer autant de fois que necessaire.

Images communes

Certaines images ne sont pas liees a une variante. Le guide de tailles. La photo lifestyle. L’image de l’emballage. Ces images doivent rester visibles quelle que soit la variante selectionnee.

Marquez-les comme images communes dans Rubik. Elles apparaitront toujours dans la galerie, avant ou apres les images specifiques a la variante. Vous choisissez la position.

Configurer les nuanciers

En plus du filtrage de galerie, Rubik remplace les menus deroulants de variantes par des nuanciers visuels. Trois types sont disponibles :

  • Nuanciers de couleur. Cercles ou carres remplis d’une couleur unie. Rubik reconnait les noms de couleurs courants et assigne automatiquement le bon code couleur.
  • Nuanciers image produit. Petites vignettes montrant un apercu de la variante. Parfait pour les motifs, les textures ou les produits dont le design change selon la couleur.
  • Boutons pilules. Rectangles arrondis avec du texte. Pour les options non visuelles : taille (S, M, L), materiau, modele.

Vous pouvez melanger les types par option. Des cercles de couleur pour la couleur, des pilules pour la taille, des vignettes pour le design. Tout sur la meme page produit. Pour personnaliser les formes, les tailles et les styles, consultez notre guide sur la personnalisation des nuanciers.

Tester le resultat

Une fois les images assignees et les nuanciers configures, verifiez le resultat :

  1. Visitez la page produit sur votre boutique (pas l’apercu de l’editeur de theme).
  2. Selectionnez differentes variantes. La galerie doit changer a chaque fois.
  3. Verifiez que les images communes restent visibles.
  4. Testez sur mobile. Le slider doit se reinitialiser correctement.
  5. Verifiez les nuanciers : bonne couleur, bonne image, bon texte.

Si quelque chose ne fonctionne pas comme prevu, consultez notre article sur les 10 causes d’images de variantes non affichees. La plupart des problemes ont une solution en quelques clics.

Vous pouvez aussi voir l’application en action sur la boutique demo.

Video

Ce tutoriel video montre le processus complet d’installation et de configuration :

Installer Rubik Variant Images

Questions frequentes

Combien de temps prend l’installation?

L’installation de l’application prend 30 secondes. L’activation de l’app embed, une minute. L’assignation des images depend de votre methode : quelques minutes en manuel par produit, quelques secondes avec l’IA Auto-Assign, ou en arriere-plan avec le Bulk Assign pour les gros catalogues.

Faut-il modifier le code du theme?

Non. Rubik Variant Images fonctionne entierement via l’app embed. Aucun fichier Liquid a modifier, aucun code a coller. L’application s’injecte automatiquement dans votre theme et prend en charge plus de 350 themes avec du code natif.

L’IA Auto-Assign est-elle fiable?

L’IA analyse 4 points de donnees par image : nom du produit, nom de la variante, nom du fichier et texte alt. La precision est elevee, surtout quand les noms de fichiers ou le texte alt contiennent des informations sur la couleur ou la variante. Un controle rapide apres l’assignation est toujours recommande.

Quelle difference entre IA Auto-Assign et Bulk Assign?

L’IA Auto-Assign analyse chaque image individuellement en utilisant 4 points de donnees (nom du produit, nom de variante, nom de fichier, texte alt). Elle fonctionne produit par produit. Le Bulk Assign est un regroupement base sur l’ordre des images dans la galerie Shopify. Il detecte les limites entre variantes grace aux images de variantes Shopify et assigne les images suivantes automatiquement. Il tourne sur des centaines de produits en arriere-plan.

Combien coute Rubik Variant Images?

Le plan Free est a 0$/mois pour 1 produit. Starter : 25$/mois pour 100 produits. Advanced : 50$/mois pour 1000 produits. Premium : 75$/mois pour un nombre illimite de produits. Tous les plans incluent l’IA Auto-Assign, les nuanciers et le support.

Est-ce que l’application ralentit ma boutique?

Non. Chargement base sur les metafields, aucun appel API externe. Les donnees se chargent avec la page elle-meme. Vos Core Web Vitals restent intacts.

A lire aussi

  • Afficher uniquement les images de la variante choisie
  • Personnaliser les nuanciers Shopify : formes et styles
  • Images de variantes non affichees : 10 causes
  • Nuanciers sur les pages collection Shopify
  • Shopify images de variantes FAQ : 30 questions
  • Plusieurs images par variante dans Shopify (CraftShift)
  • Comprendre les Shopify Combined Listings (Rubikify)
Umid Aydemir

Co-Founder of Rubik Variant Images & Swatch

Post navigation

Previous
Next

Search

Categories

  • Affiliate Program (1)
  • App Comparison (5)
  • Integrations & Partnerships (15)
  • Rubik Combined Listings (8)
  • Rubik Variant Images Guides (76)
  • Rubik Variant Images Theme Compatibility (21)
  • Shopify Dropshipping (1)
  • Shopify News (3)
  • Shopify Tips & Tutorials (90)
badge shopify app store dark

Trending Posts

  • List of All Shopify Theme Store IDs (Updated 2025)
    List of All Shopify Theme Store IDs (Updated 2025)
    September 16, 2025
  • How to Display Featured Image on Collection Pages but Hide Them on Product Pages
    How to Show a Featured Image on Collection Pages and Hide It on Product Pages
    September 12, 2025
  • How to Show Variants as Separate Products on Shopify Collection Pages stamp
    How to Show Variants as Separate Products on Shopify Collection Pages
    September 15, 2025
  • Activate Variant Image Swatches in All New Shopify Free Themes Horizon Themes Without Code or App
    Activate Variant Image Swatches in All New Shopify Free Themes (Horizon Themes) – Without Code or App
    June 9, 2025
  • how to find theme store id shopify
    How to Find Your Theme’s Shopify Theme Store ID (2025 Guide)
    April 21, 2025
  • image 5
    How to Display Multiple Variant Images with Rubik Variant Images on Instant Page Builder ?
    April 9, 2025
  • Top 10 Shopify Product Variant Swatch Apps and Alternatives in 2025 rubik
    Top 10 Shopify Product Variant Swatch Apps and Alternatives in 2025
    May 20, 2025
  • Rubik Variant Images
    Shopify Multiple Variant Images – How to Display Images Specific to the Selected Variant?
    March 3, 2025
  • Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide) white
    Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide)
    September 18, 2025
  • How to Find Your Shopify Theme Store ID (Step by Step Guide)
    How to Find Your Shopify Theme Store ID (Step-by-Step Guide)
    September 16, 2025

Related Posts

Rubik vs Easy Variant Images comparison
App Comparison, Rubik Variant Images Guides

Rubik vs Easy Variant Images: full comparison

April 1, 2026

Both apps show multiple images per variant. One has AI, Shadow DOM, and 350+ themes. The other is simpler and cheaper.

Impact theme product page with headphone variant swatches
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

Variant images in Shopify Impact theme

April 1, 2026

Impact by Maestrooo uses custom sliders. Here is how to set up variant images and swatches on Impact.

Boek met kleurrijke bladwijzers en swatches
Rubik Variant Images Guides, Shopify Tips & Tutorials

Shopify variantafbeeldingen FAQ: 30 vragen

April 1, 2026

De 30 meest gestelde vragen over Shopify variantafbeeldingen: installatie, AI, thema’s en prijzen.

Collectiepagina met productkaarten en kleurstalen
Rubik Combined Listings, Rubik Variant Images Guides

Kleurstalen op Shopify collectiepagina’s tonen

April 1, 2026

Rubik Variant Images werkt op productpagina’s. Voor collectiepagina’s heb je Combined Listings nodig.

  • Documentation
  • Partners
  • Privacy Policy
  • Affiliate
cratshift logo beyaz

We are a Shopify Partner offering high-quality app solutions crafted for Shopify.

Our Apps
  • Smart Bulk Image Upload
  • Export Product Images
  • Bulk Delete Products
  • Rubik Variant Images
Quick Links
  • Pricing
  • Contact Us
  • FAQ
  • Blog
Blog Categories
  • Shopify Tips & Tutorials
  • Rubik Variant Images Guides
  • Integrations & Partnerships
  • Shopify News
cropped rubikvariantimageslogo

© 2025 Rubik Variant Images by Craftshift®

All rights reserved.