Customer to customise product colour scheme before purchasing

Shopify Discussion

Topic summary

Goal: Enable customers to pick three colors (one per product part), preview the result before purchase, and carry those selections into the order on a Dawn theme store.

Proposed approaches:

  • Use a “product personalization/options/configuration” app. These exist but typically require bespoke setup even when off‑the‑shelf.
  • For visual previews, define the three product Options as color selectors and map images to variants. Caveat: Shopify’s 100‑variant limit applies and can be hit quickly with color combinations.
  • If a live preview isn’t critical and selections don’t affect price or inventory, capture choices via line item properties (custom fields on the cart item). A reference link was provided for implementation details.
  • More advanced, real‑time previews would need deeper theme customization.

Constraints and caveats:

  • Passing custom preview images through to checkout and external sales channels is a known friction point.

Status/outcome:

  • No final decision; guidance and options provided. Consulting services were offered for app integrations or theme customizations.
Summarized with AI on December 17. AI used: gpt-5.
1

I’m looking for a way for a customer to customise a product before buying where the product has three distinct parts and the customer selects three colours from a dropdown, or similar, and can see what the product will look like before placing the order. This colour scheme will then need to be carried through to the order so I can make it to their requirements. There must be something like that already out there? I’m using the Dawn theme. Any pointers will be much appreciated.

2

Hi @Anchoright :waving_hand: There’s plenty of stuff out there like this but it’s all bespoke and requires custom setup even with off the shelf apps.

See any of the numerous apps for “product personalization” or “product options” or “product configuration” etc etc

A friction point will be custom images carrying through into checkout or external sales channels.

and can see what the product will look like before placing the order.

The sanest approach is if not already using all 3 product Options just make all 3 options separate colors then assign relevant images to each variant.

Keeping in mind the 100 variant limit still applies for most stores.

If the preview is not as critical and the colors do not affect prices or inventory etc use line item properties.

https://community.shopify.com/topic/616503

For previews that would require even more advanced theme customizations.

If you need consulting, or this process setup through app integrations, or theme customizations then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.