Product variant display

You’re in luck, Webflow recently released a feature that allows for you to switch between dropdowns or buttons for your variant options:

Since this overrides the way that the old implementation works, you’ll need to add a new “Add to Cart” element to your project page in order to see the toggle:

image

If you’ve applied any styles, make sure your new element has those same class names applied (it may help to keep the old “Add to Cart” element while you migrate the styles over), and then select the “Option” or “Option List” parent container to see the new toggle in the Settings panel to the right:

image

Once you’ve chosen the “Buttons” option, you’ll be able to style the buttons just like you can with any other element in the Designer.

Feel free to reach out if you get stuck or have any questions :+1: