How to separate size dropdown and color swatches in Dawn theme?

23 0 4

Hello for Dawn theme, is there any way I can keep the size as dropdown menu and colours as pills buttons? 

All I can do is either dropdown menu for both or pills buttons for both. I want them seperately like the photos. Also with pills buttons is there anyway I can make to show the name of the color when each color is clicked?


Screen Shot 2022-05-25 at 4.24.50 PM.pngScreen Shot 2022-05-25 at 4.27.03 PM.png

Replies 4 (4)

2860 684 744

Hi @jaesielee,

Dawn theme does not support this, so if you want to change it, it will be a complicated requirement including changing the Liquid code and Javascript. I recommend hiring an expert for it, it will be difficult for someone else to change it for you.

Or you can follow the following video:

Also, you can also use the app for it: or

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

Shopify Partner
18 0 9

Has anyone found a solution? 

Shopify Partner
171 2 24

You can keep the color swatches as pills and size as dropdown.

Here is the solution:

Hire Me:

WhatsApp: +91-9145985880
Skype: mohdramzaan112
3 0 0

I have already edited my code to have swatches for the colors, but would like to also have a dropdown for the sizes. I don't just want pills for the colors. Is this possible? FYI: I'm using Dawn 14.0.0