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

jaesielee
Excursionist
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?

 

https://www.sundaypaloma.com/products/pineapple-knit-cardigan

 

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

Replies 4 (4)

LitCommerce
Astronaut
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: https://www.youtube.com/watch?v=q5OHBsm1Nig

Also, you can also use the app for it: https://apps.shopify.com/variant-swatch-king or https://apps.shopify.com/avisplus-product-options

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!

Tmac
Shopify Partner
18 0 9

Has anyone found a solution? 

MRamzan
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
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112
owenmyk2896
Visitor
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