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

[kingbeanz]

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:

What I currently have:

Is this possible?

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

[Liquid_xPert_SJ]

@kingbeanz

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.

[LuffyOnePiece]

Hi @kingbeanz ,

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?variant=45271959372024

password: upwork

Let me know if you need any assistance.

Thank you

[owenmyk2896]

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

[kingbeanz]

Then this one for the dropdown for sizes: https://www.youtube.com/watch?v=BJIb9YE6OwE&ab_channel=AmazingLearning

[LuffyOnePiece]

Hi @owenmyk2896 ,

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

Thank you

[owenmyk2896]

How would we go about doing that?

[LuffyOnePiece]

HI @owenmyk2896 ,

Here is the preview URL:

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

Password: upwork

Thank you