How to display variant options on product card

SimplSwim · ‎09-22-2024

Hi there, I am trying to make my product variants/sizes display on the product card like the below image. I am using the Dawn 15.1.0 theme. Ideally if the user clicks on the size it will add it to cart as well. Any help would be appreciated! 🙂

Screenshot from https://aus.moanabikini.com/ website.

Arif_Shopidevs · ‎09-22-2024

Hello,
Are you want to show the variation. ? or you want when click variation it will change the value.

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

SimplSwim · ‎09-22-2024

Hello! All the prices for the variants are the same, they are just different sizes. If the user clicks the size/variant button, it should add to cart, otherwise just links to the product. If the variant/size is out of stock it should be greyed out.

How to display variant options on product card

How to display variant options on product card

Community Blog Articles