Hybrid Variant Picker: Color as Pills (swatches) + Sizes as Dropdown | Dawn Theme

alphaherm
Tourist
10 1 1

Hi,
Title says it.

I've coded my site to the point where I can have the colours as swatches.

Is it possible to keep this whilst ALSO having the sizes as dropdown?

This will be the cleanest option of all.

Example of what I desire:
Screen Shot 2024-06-03 at 9.09.11 am.png

 

What I currently have:
Screen Shot 2024-06-03 at 9.12.20 am.png

Is this possible?

URL: https://www.vntura.com/products/ultra-light-down-puffer-jacket
PWD: smeared

Replies 7 (7)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

@alphaherm 

please refer to the steps below

1) Click on theme customization on your online store.
2) Open product page in customization.
3) Open product information dropdown.
4) Click on variant picker section.
5) Select variant picker style dropdown.
6) Click on save button.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

LuffyOnePiece
Shopify Partner
598 86 103

Hi @alphaherm ,

 

We need to update the product-variant-picker.liquid and the product-variant-options.liquid and it will take 2hrs.

 

Reference URL: https://u9wdfqe5wieade4a-68574249208.shopifypreview.com/products/the-collection-snowboard-hydrogen?v...

password: upwork

 

Let me know if you need any assistance.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
owenmyk2896
Visitor
3 0 0

I have the same goal with Dawn 14.0. Can you please help me?

alphaherm
Tourist
10 1 1
LuffyOnePiece
Shopify Partner
598 86 103

Hi @owenmyk2896 ,

 

Let's get connected so that I can help you with the custom code.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
owenmyk2896
Visitor
3 0 0

How would we go about doing that?

LuffyOnePiece
Shopify Partner
598 86 103

HI @owenmyk2896 ,

 

Here is the preview URL:

https://5zdvcogwlldvhz5s-68574249208.shopifypreview.com/products/the-collection-snowboard-hydrogen?v...

 

Password: upwork

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184