How to add color filter on collection page - Dawn theme

Store Design
1

how to add variant and color filter on collection page , like it is available on product page

Collection Page
Collection Page1280×580 45.6 KB

Product Page
Product Page1280×577 42.8 KB

I want to make a collection page called “Banjara” and then in this category I want to post bags with different colors but want to be able to filter out based on color.

Can any one please share the code for this. I am using Dawn theme.

1 Like
2

@chokhahaar
hi,
Welcome to Shopify community.

check out the video link this will help you to Add color Swatches on home page & collection page.

https://www.youtube.com/watch?v=FJGF-il7Sk4

if you need any more help then let me know.

Thank you.

3

@chokhahaar
or try this
to add on the collection page

https://gist.github.com/carolineschnapp/ed47c42d48ae4100f7be

https://gist.github.com/joe-dempsey/6ef2e9e047e8e95fde0342b7667b8289

https://business.czarto.com/2012/03/02/adding-color-swatches-to-your-shopify-collections-page/