Webflow CMS product color variants - How to remove drop down?

Hello Webflow Community,

Is there a workaround, removing standard dropdown product color variant, and using a simple color circle?

As as here

My site with products here,

https://preview.webflow.com/preview/owenstitch?utm_medium=preview_link&utm_source=dashboard&utm_content=owenstitch&preview=cfa784369b3ae020a8f3fb70497eccab&mode=preview

Thank you
Pavel

Hi @pavel_dolni, I am trying to figure out the same thing for my ecommerce site. I also reached out to Webflow directly, and they only sent me a link to this discussion post: https://discourse.webflow.com/t/solution-work-around-for-webflow-ecommerce-product-variants/72081/8

It seems like a cumbersome workaround, but I’m going to try it. I’ll let you know if it works.

I used what was referenced in the thread linked by @anandesignco and find that it works out much better than variants in their current state. It’s a little more combersome to deal with, epecially for larger catalogs, however you get the benefit of controlling the presentation and each variant gets its own link (native variants don’t currently change the URL).

If you’re having trouble getting it setup just let me know and I’d be happy to help you out :v:

1 Like

I want to do the same on my page, did you find a way?

Unfortunately, Webflow has abandoned the e-commerce feature. There has been literally no worth mentioning progress for years.

Having buttons/links instead of drop-downs for variants is asked by the community more than two years ago. The same with having different layouts for products of different categories and many other features.