I am having trouble figuring out how to add color swatches to the product pages. I’ve read many tutorials and most say to go to theme settings and click “product” on the left side. I don’t have that option. I only have “product card” which doesn’t mention anything about a swatch. What am I missing? …

For future readers, there’s already color swatches included in the updated Dawn theme or other Shopify free themes. You can read more information here .

Hi MRamzan, Is this compatible with the newest Dawn? 15.1.0

Here is the latest video: [How to Add Custom Color & Images Swatches in Shopify (All FREE Themes) V15]

The feature is not available unless you request access. Pretty lame considering they say it is available on the theme page.

That’s not true, you can integrate color swatches just as I mentioned with the theme right out of the box: https://community.shopify.com/post/2635270

Yes you are correct. I was just very frustrated yesterday because none of the official Shopify documentation shows the correct way to do it. I could see the variant value object reference in the theme, but no real solution. I gave your comment a extra thumbs up in hopes of helping someone else frus…

Hi @ed_meehan , Please refer to the below video to see how you can use default SWATCH feature in DAWN. [How can I add color swatches to product pages | Dawn theme | how to add product color in Shopify] Hope this will helps…

While I was able to add color variants successfully in the Shopify product page, the theme still does not show the swatches and it asks to enable in “product options”. Not sure how to navigate this..would you know? [Nikunj28_0-1730282554888.png] [Nikunj28_1-1730282582392.png]

I made it work in newest Dawn theme 15, but only for categories that have “color” metafield, e.g. clothings. The challenge I am facing now is: How can I add a second variant layer with also this color metafield? Right now, only one variant layer can connect to the color-metafield. How can I use thi…

I am stuck at the first layer. How were you able to do it? If you could share the details it would be really helpful

How can I add color swatches to product pages in the Dawn theme?

Store Design

Flyoversea February 12, 2025, 7:05am 40

@TechSolvo Thank you so much for helping me. You have solved the problem and it looks great.

Topic		Replies	Views
Add color swatches on the product page for the Dawn theme Store Design	17	198	April 7, 2024
How to add color swatches to Shopify's Dawn 14.0 theme Store Design customizations , landing-page , shopify-themes , product-page	5	169	April 1, 2026
How can I add color swatches to the Dawn theme without using third-party apps? Store Design product-page	2	26	September 6, 2023
Can't add color swatches to Dawn theme, what am I missing? Store Design design	11	105	April 13, 2023
How To Add Color Swatches in Dawn theme 14.0.0? Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	1	156	November 6, 2024

How can I add color swatches to product pages in the Dawn theme?

Related topics