Maintaining Consistent Active Image for Color Variants in Product Gallery

Shopify Discussion

Topic summary

Goal: associate each color variant with its own gallery images while keeping a single “print color” image as the constantly active (hero) image, regardless of variant selection.

Current behavior: selecting a variant switches the active image to that variant’s image. The asker shared example URLs for Pink and Blue variants and requested guidance or a code snippet.

Suggested approaches:

  • Use Shopify Metaobjects (custom structured data) to map each color variant to its specific image set, then adjust the gallery logic to always keep the “print color” image as the active image while updating thumbnails/images for the selected variant.
  • Use a third‑party app (Variant Image Wizard) to manage variant–image assignments with less custom coding.

No code samples or detailed implementation steps were provided. No decisions made.

Status: unresolved. Next steps are to implement a metaobject-based customization or test the recommended app.

Summarized with AI on January 6. AI used: gpt-5.
1

I’m currently working on a Shopify store, and I’m facing a challenge with the product gallery. I have a product with multiple color variants, and I’d like to associate each color variant with its own set of images.

However, I want to keep a consistent “print color” image as the active image in the gallery, regardless of the selected color variant. Currently, when I select a different color variant, the active image changes automatically to one associated with that variant.

I’ve tried updating the gallery logic, but I’m unsure of the best approach to achieve this. How can I link color variants to specific images while maintaining a consistent “print color” image as the active one?

Here’s an example URL of my product with Pink and Blue color variants:

Can anyone provide guidance or share a code snippet that helps me achieve this?

2

Hi @modadorafashion some additional job needed with metaobjects there.
Or simple way just to use app like this https://apps.shopify.com/variant-image-wizard