Streaming live at 10am (PST)

Changing Webflow's E-commerce variant select style to radio buttons

Hi there,

I’m trying to swap the default variant selector, and use radio buttons instead (since it’s easier to see which product options available).

I used some custom jquery code from here: http://jsfiddle.net/a31p2371/16/

and I was able to pull the options from the selection, and turn it into radio buttons.

Here’s a link to the product page: https://funksjonsutstyr.webflow.io/product/dania

Read only link: https://preview.webflow.com/preview/funksjonsutstyr?utm_medium=preview_link&utm_source=designer&utm_content=funksjonsutstyr&preview=fc6d34d6e459d81065dd6e2faa8ebeea&pageId=5dcbf4a8cb881d7a11eeabe2&itemId=5dd405eefa230970ca480453&mode=preview

It’s working, however, when I select an option, the selector changes, but the product variant doesn’t get updated.

I guess I just have to add a click trigger somewhere, but I got really stuck here.

I’m still a newbie when it comes to jquery and js in general.

Please help if you can :slight_smile: