Ask a question
  1. Home
  2. ajax - Add add to cart and button variant selector in collection page - Shopify

269 votes
0 answers

ajax - Add add to cart and button variant selector in collection page - Shopify

Solution:

You could change the select element to a radio button element and style the radios as regular buttons. This pattern is fairly common, you just need to make sure your event listener target for the variant selection is the same as you have now.
Source

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

17 Shopify Ajax API, Alpine JS, add user selected options to cart using Ajax
677 Shopify, Liquid, Alpine JS, Ajax can't redirect to cart after firing addToCart
646 javascript - How to add custom textbox field on shopify product page that also shown in cart under product description
78 How to add Discount at cart page in shopify
810 json - Adding a specific collection to a specific page in Shopify
284 jquery - Adding product without page refresh in shopify
944 How can I add various sections in Shopify on register page? For example, phone number?
456 metadata - How to get variant metafield value + price combined in shopify collection page's each product
583 javascript - add class on scroll not working in Shopify enviroment
610 javascript - How do add basic form validation to Shopify Liquid?

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.