Having both Quick Add and Add to Cart buttons on Collection showing all variants?

@Alan15

Using this very helpful tutorial: Show All Product Color Variants on a Collection Page

as well as Infinite Scroll, I was able to create one large collection page for all of my wholesale items on my Dawn theme.

I would now like to complete my quest by having add-to-cart buttons instead of / or in addition to the quick add buttons. Since all variants are showing, quick add buttons are only helpful if the customer wants to specify necklace length for each style but this is not usually necessary.

Is this difficult, achievable?

Thanks for any help!

Hi @Smeelah

The way the code is now, the “quick add” button is displayed if there are options and the “add to cart” button shows if there is no options on the product. So it is not difficult to just remove the code that displays the “quick add” button from the card-variant.liquid file, the problem is that when you add to cart directly on a color option it will add the base product to the cart and not the correct color variant, that is why it is better to keep the quick add button and choose the correct variant from the pop-up. Basically we need to add the color variant when clicking the Add to Cart button and not the overall product. I had a quick look at the code and it seems a bit tricky and I don’t have much time right now. If I find a solution I will pass it on to you or maybe someone else on the forum might have a suggestion.

1 Like

Thanks for taking the time to reply. I really appreciate your tutorials!