Add An "Add To Cart" Button in Collection Page

Store Design
, , ,
1

Can you please share with me a code for Add To Cart Button in my collection page? I tried to follow the guides I found but whenever I tried to use the “Add To Cart” button, it says that the ID is invalid? Thank you.

Envy theme

Code I used:

Thank you.

1 Like
2

Here’s an example of how you can modify the code to include a loop when displaying products on the collection page:

{% for product in collection.products %}
  
{% endfor %}
3

Where should I add this one? In product grid? At the bottom part or should I insert it before the ?

4

I tested this too but it’s not adding to the cart.

5

Hi @mknylgn

You need to call the code from the collection product card. What theme are you using?

6

I am using Envy Theme.

7

Oh. Not familiar with the theme, I would suggest to see if you get support from the theme provider. If not, you need to hire a developer who will need to read and write the code for you.

8

did you ever get a response to this? I’m having the same issue and any solutions found either don’t work or don’t allow for the selection of which variant you want to add to cart.

9

Nope. We just bought an app that shows the add to cart button.

10

which app?

11

Here: CBB • Add To Cart Anywhere

It’s only 4.99 a month.

12

How did you deal with the alignment issue caused by items with variants? The add to cart button is lower on the page for those items b/c the variant selector is above it. That variant selector is not there is there isn’t a variant

13

Sorry I can’t help on that part. We don’t use variants so the app worked
fine for us.

14

Hi @mknylgn , need an “Add to Cart” button on your Shopify collection pages? Follow the instructions in this YouTube tutorial: https://www.youtube.com/watch?v=s98l1bUZe6k