multiple product images - group by color variant

Store Design

Topic summary

Goal: In the Minimal theme, show only images matching the selected color swatch (variant), similar to Everlane’s product pages. The request is specifically about filtering the gallery by color after swatches are created.

Context: “Color swatches” are clickable color options; “variant images” are photos tied to a specific variant (e.g., Blue). The desired behavior is to display only the variant’s images when that swatch is selected.

Solutions proposed:

  • Apps that map images to variants: Clever Product Variants, Variant Image Wizard, Variant Image Automator, and later Rubik Variant Images (with demo video).
  • Code/customization: One user asked for a no‑app method; a YouTube tutorial was shared for the Dawn theme (with playlists for other themes), but no Minimal-specific code was posted.

Status: No built-in Minimal theme setting was confirmed. The actionable paths are: install a variant-image app or attempt theme code customization using tutorial resources.

Open items: How to implement a code-only solution on Minimal remains unanswered. Links and the demo video are central to implementation.

Summarized with AI on December 14. AI used: gpt-5.
1

Hi Shopify faily

I am using the Minimal theme, for our clothing store, therefore we have lots of products with multiple color variants,

when selecting a color swatch, I want only product pictures of the same color showing,

check this out to see what i mean https://www.everlane.com/products/womens-silky-cttn-relaxed-shirt-offwhite?collection=womens-tops

how can I do this , grouping images by color ?

is there an app i can use? or do I need code customization?

im also open to switching to a theme that offers this,

thanks Naz

2

@ModernEternity

Naz,

You may want to look at this thread https://community.shopify.com/c/Shopify-Design/Product-pages-Add-color-swatches-to-products/m-p/616427

3

Thanks Propero for the reply

yes I already saw that thread, it’s about creating color swatches on product page for each color variant.

my question is:

  • after creating the swatches, when clicking on the blue swatch (for ex) will the client see ONLY blue shirt’s photos ? or all the photos will still show.

( we want to filter product images by color, we have 4-5 colors per product and 4-5 images for each color)

see this link as an example: https://www.everlane.com/products/womens-silky-cttn-relaxed-shirt-offwhite?collection=womens-tops and try selecting different swatches, only photos of that same color will show

thanks again

Naz

4

Hello @ModernEternity

There are some Shopify apps to display images of the selected variant.

https://apps.shopify.com/clever-product-variants

https://apps.shopify.com/variant-image-wizard

https://apps.shopify.com/variant-image-automator

5

If I am trying to do this without having to add yet another app to my store, how would I do this for the multiple pictures per color variant?

6

Here is the video which is for DAWN theme but you will find all the other themes playlist also:

7

Hello, I know this question was asked a long time ago, and I hope you have already resolved your issue. However, I wanted to answer for those who might face the same problem.

If you want to organize variant images based on options like color and display only the relevant images, you can use the Rubik Variant Images app.

You can give it a try here: https://apps.shopify.com/rubik-variant-images/

You can watch the demo video from the link below: