How can I add color swatches filter on Dawn theme collection page?

How can I add color swatches filter on Dawn theme collection page?

Dominykasj
Visitor
1 0 0

Hi,

I'm struggling to find a way to put a colour swatches filter on the collection page instead of plain text. Example below:

Dominykasj_0-1653319050501.png

 

Is there any solution to that or there should be an update in the near future on the Dawn theme?

Replies 3 (3)

Skye
Shopify Staff (Retired)
1146 99 212

Hi, @Dominykasj.

 

Thanks for posting to the Community Forums, I hope your day is going well!

 

While this option can't be enabled natively, it can be enabled by using an app. There are a few different apps available, however the most popular option is Variant Options Color Swatch. This all provides the option to add color swatches similar to the example provided, on the collection page.  There are a few more options available which you can find here. However some do not provide swatches to the collection page, and only to the product page.

When selecting an app, make sure to review the pricing, rating, and merchant reviews. Reading the reviews allows you to understand the benefits and complaints other merchants have using the app, which will allow you to make an educated decision. 

 

Also keep in mind, most apps have a trial period you can utilize. This way you can test the app out for yourself. If you don't intend to continue on with the app, make sure to delete it from your account before the trial ends to ensure you are not charged. To delete an app simply head to your Shopify Admin > Apps > Delete.

 

In the meantime, I would love to take a look at your website, to see what other feedback and support I can provide!

Skye | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Link77
Visitor
1 0 0

It seems that we can fix this problem refer to Here by using text metafileds and Color.png images. But it can' work in the dawn theme. Does anyone have the same problem? ^_^

wonena-dev
Shopify Partner
26 0 8

Did you find any solution? I have the same problem

Building a Sustainable Marketplace from Scratch