Automatically render images based on colour swatches

Store Design
, , ,

Topic summary

Main issue: Enable a product image (e.g., an armchair) to automatically update to match a selected fabric color or pattern swatch without manually uploading separate images per variant.

Goals and constraints:

  • Only the upholstered areas should change; elements like legs should remain unchanged.
  • Reduce content creation workload by avoiding multiple product images; using fabric swatch images is acceptable.
  • Improve customer visualization and decision-making on product and collection pages.

Key questions:

  • Can Shopify natively “recolor” product images based on swatches, or must images be generated externally and then assigned to variants/swatches?
  • Is there a method to detect and fill only the fabric regions programmatically within Shopify?

Latest update and actions:

  • A responder requested the store URL to review specifics and advise next steps.
  • No technical solution or decision has been provided yet; the discussion is open.

Notes:

  • An example image was attached and is central to understanding the desired selective recoloring behavior.
Summarized with AI on December 14. AI used: gpt-5.
1

What (issue to resolve):

I have a furniture store that I want the customer to select a product variant for example they select the fabric colour red or flower pattern for an armchair

I would like that armchair to then AUTOMATICALLY Update based on that colour - Key point being is that I don’t have to upload 2 different images of that chair in red or flower pattern, but somehow “it” scans that fabric and fills in that armchair with those colours. Or does this have to happen outside of Shopify and I have to create those 2 images then use swatches and variants. I also understand that an armchair may have legs for example vs the frame so I don’t want the legs to be filled in red or flowers just the frame where the fabric is only. I’ve attached an example

Why?

Allows customers to visualise different fabric colours and patterns automatically so they can help with decision making. I don’t want to have to create new images of that armchair, but obviously will need images for the fabric swatches which is fine. Ideally I don’t want to have to create new images for that armchair either somehow Shopify “colours it in for me automatically”

How? (Not sure hence this post :slightly_smiling_face:

2

Hello,

Please share “Store URL”

Thanks