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 Theme Compatibility

Atelier theme variant images: show only the selected variant (Shopify)

April 3, 2026
Variant images in Shopify Atelier theme

Short answer: Atelier does not solve this on its own, because Shopify gives each variant a single featured image, so the gallery never narrows to the colour a shopper picked. Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant, so the theme shows only what the shopper selected. Free to install, 5.0 stars across 420 reviews. Atelier runs on 185 stores using it as of July 2026.

Shopify Atelier theme (ID: 3621) is a free theme built on the Horizon collection architecture. It is designed for fashion, luxury, and premium lifestyle brands that need polished product pages with strong visual impact. But like every Shopify theme, Atelier only lets you assign one image per variant. If your leather handbag comes in 5 colors with 6 photos each (front, back, interior, detail, on-model, lifestyle), selecting “Cognac” swaps the featured image but leaves all 30 photos in the gallery.

Fashion and luxury products need multiple angles per colorway. A single swatch image is not enough when customers want to see stitching details, hardware finishes, and how the piece looks styled. Rubik Variant Images & Swatch includes native code for the Atelier theme. It assigns multiple images per variant, filters the gallery when a customer picks a color, and replaces the default variant picker with visual swatches.

In this post

  • What you get on Atelier with Rubik
  • How Atelier works under the hood
  • Setup (5 minutes)
  • Frequently asked questions
  • Related reading

What you get on Atelier with Rubik

  • Multiple images per variant. Assign unlimited images, videos, and 3D models to each variant. The gallery updates instantly when a customer switches colors. No page reload.
  • Visual swatches. Replace Atelier’s default variant picker with image thumbnails, color circles, or pill buttons. Mix swatch types per option (image thumbnails for Color, pills for Size).
  • AI auto-assign. The app analyzes product photos and matches them to the correct variants based on visual similarity. One click per product instead of manual drag-and-drop.
  • Common images. Mark lifestyle shots, size charts, or campaign images to stay visible regardless of which variant is selected. Useful for editorial photography that applies to all colorways.
  • 100+ CSS variables. Match Atelier’s refined typography and spacing. Shadow DOM isolation prevents style conflicts with the theme.
  • No code editing. Works through Shopify’s app embed system. Theme updates from Shopify do not break anything.
  • Metafield-based loading. All variant image data loads with the page. No external API calls. No impact on Core Web Vitals or page speed.

How Atelier works under the hood

Atelier is part of Shopify’s Horizon theme collection, which includes Fabric, Dwell, Heritage, Ritual, Savor, Tinker, Vessel, and Pitch. All Horizon collection themes share the same underlying architecture and use variant-picker web components for option selection. This means they handle variant changes differently from older themes like Dawn or Sense.

Rubik has specific detection code for Horizon’s variant-picker web components. When you install the app on an Atelier store, it recognizes the Horizon architecture (theme ID: 3621) and loads the correct variant detection, gallery filtering, and swatch injection logic. You do not need to configure anything manually. The same detection code works across all Horizon collection themes, so if you switch from Atelier to Fabric or Vessel later, your variant image assignments carry over.

Setup (5 minutes)

  1. Install Rubik Variant Images and activate the app embed in your theme settings.
  2. The app auto-detects Atelier theme (ID: 3621) and loads the Horizon-specific code.
  3. Open a product in the Rubik dashboard. Drag images onto variants, or click AI auto-assign to let the app match photos automatically.
  4. Enable swatches. Pick your swatch type for each option (color circles for Color, pills for Size, image thumbnails for Material).
  5. Save and visit the product page to confirm everything works.

If you have a large catalog with many color variants, the AI auto-assign feature can save hours of manual work. It is especially useful for fashion brands that photograph each colorway from multiple angles.

Watch the tutorial | Getting started guide | 350+ supported themes

For fashion and luxury stores, consider shooting multiple angles per colorway (front, back, detail, on-model) and marking editorial shots as common images so they stay visible for every variant. Image thumbnail swatches work better than color circles for fabrics and textures where subtle differences matter. For a broader guide, see the fashion variant images guide on CraftShift.

Try Rubik Variant Images free

Demo store | Docs | Knowledge base

Frequently asked questions

Which app should I use for variant images on the Atelier theme?

Rubik Variant Images, built by Craftshift, is the app we build for this and Atelier is natively supported. It holds 5.0 stars across 420 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you than depth of support for this theme.

Does Rubik Variant Images work with Shopify Atelier theme?

Yes. Rubik includes native code for Atelier (ID: 3621). The app detects the Horizon collection architecture and handles variant detection, gallery filtering, and swatch placement automatically.

Can I show multiple images per variant on Atelier?

Not with Shopify alone. Shopify allows one image per variant. Rubik lets you assign unlimited images, videos, and 3D models to each variant. The gallery filters in real time when a customer selects a different color or option.

Does Rubik work the same on all Horizon collection themes?

Yes. Atelier, Fabric, Dwell, Heritage, Ritual, Savor, Tinker, Vessel, and Pitch all share the same Horizon architecture. Rubik detects the variant-picker web components used across all of them. Your variant image assignments carry over if you switch between Horizon themes. See also: Vessel theme variant images, Dwell theme variant images, Tinker theme variant images.

What about linking separate products as variants on Atelier?

Use Rubik Combined Listings alongside Rubik Variant Images. Both support Atelier natively. This is useful if you split colors into separate products to get around Shopify’s 100-variant limit. For setup details, see the combined listings setup guide on Rubikify.

Will this slow down my Atelier store?

No. Rubik uses metafield-based data loading. All variant image data is embedded in the page on initial load. No external API calls, no render-blocking scripts. No impact on Core Web Vitals.

Related reading

  • How to show only the selected variant’s images
  • Variant images not showing: troubleshooting guide
  • How to use AI to assign variant images
  • Shopify variant images FAQ
  • Variant images in Vessel theme
  • Variant images in Dwell theme
  • Variant images in Tinker theme
  • Complete guide to Shopify variant images (CraftShift)
  • Fashion variant images guide (CraftShift)
  • Combined listings setup guide (Rubikify)
Umid Aydemir

Co-Founder of Rubik Variant Images & Swatch

Post navigation

Previous
Next

Search

Categories

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

Trending Posts

  • Shopify variant images FAQ with 30 questions
    Shopify variant images FAQ: 30 questions merchants actually ask
    March 29, 2026
  • How to add color swatches to Shopify
    How to add color swatches to Shopify (no code)
    April 3, 2026
  • List of All Shopify Theme Store IDs (Updated 2025)
    List of All Shopify Theme Store IDs (Updated 2025)
    September 16, 2025
  • variant images not showing fix
    Shopify variant images not showing? 10 causes and how to fix each one
    March 27, 2026
  • show only selected variant images v2
    How to show only the selected variant’s images on Shopify (and hide the rest)
    March 27, 2026
  • variant images multiple options
    How to set up variant images for Shopify products with 2 or 3 options (Color + Size + Material)
    March 29, 2026
  • 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
  • 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 Swatches as Variant Images on Shopify Horizon and New Free Themes 2025 2
    How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes (2025)
    May 26, 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

Related Posts

Why are my variant swatch images blank on the Showcase theme?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Why are my variant swatch images blank on the Showcase theme?

August 4, 2026

Showcase builds a filename out of your option value and loads that file. A capital letter, an accent or a slash breaks the match, and a missing file is not an error, so nothing tells you. Here is how to find it.

How do I hide variant thumbnails on the Motion theme?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

How do I hide variant thumbnails on the Motion theme?

August 4, 2026

Hiding the thumbnail strip on Motion is usually the wrong lever. Archetype ships a free alt tag feature that filters instead, with three limits worth reading before you commit to it.

Fabrica theme: how do I show different colors on the product page?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

Fabrica theme: how do I show different colors on the product page?

August 4, 2026

Fabrica is not a Theme Store theme, so the usual advice does not apply. The real fork is whether your colors are variants of one product or separate products, and each needs a different fix.

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?

August 4, 2026

Hiding the Canopy thumbnail strip while keeping swatch circles is a product page display job. Feeding a color metafield into the filter menu is Search and Discovery work. Two jobs, two systems, and one of them no swatch app can do.

  • 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.