Create new product shopping experiences with variant selector buttons
Now you can style product variant buttons for your store to create a frictionless shopping experience for your customers.

<p>Previously, Webflow Ecommerce only offered a single type of selector for variants — a dropdown for each option set (e.g., small, medium, large). Today we're launching the ability to add and style a button for each option in a product's option set within your store.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:960px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="960px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d377Pv2T511vJvSXShZ9ELndwbD2IIWvAh4xHEoSeQMBAVRIePAV6FDkfu8N6bbIfpvngaovXnvqP4MLYtqSFnQJzWdYzmxPOc2dv1WXGiKofBdM3mGbYKJN0AkaFHA1zYfVHGZ.gif>" width="auto" height="auto" loading="auto"></div></figure><p>With new buttons for variant selectors, you can now better build for your brand. Create colored interactions that align with your brand, or add a gray background for any item that's out of stock. Combined with the recent addition of first, last, odd, and even child styling — designers are now even more empowered to make their online store stand out from the competition.</p><p>With the<strong> </strong><a href="<https://webflow.com/blog/webflow-ecommerce-is-now-live>">launch of Webflow Ecommerce</a> over a year ago, we're continuing our mission to change the way ecommerce stores — and online brands — are built, empowering designers to create unique, non-templated stores without writing any additional code.</p>