Add to Cart button on category or list page?

How do you add an Add to Cart button next to products in a list or category page? 

I have a situation where users need will go over a list selecting the inventory they need. Drilling down to every product detail page to add them to the cart will be very tedious.

I don't have much experience with SQSP commerce, so I apologize for the basic question.

No site exists for this question. If this isn't possible, I'll have to use a non-SQSP solution for the project.

Thanks!

22 hours ago, DV2 said:

How do you add an Add to Cart button next to products in a list or category page? 

You can add a Product Block for each product to a single page. Each block can have an add to cart button.

If this is too much work (for example, for 100s of products) then you'll need a code solution.

Thanks Paul! 

It would be 150 to 200 items on a category page with 5 different categories, around 800 products total. 

I was actually planning on using your wishlist plugin on this project. Can you run queries on the sqsp product database or did you mean a code solution outside of sqsp? 

I finally got back to this project.

@Paul2009, you are a rock star. With a small tweak to the CSS, this works perfectly.

@paul2009 I tried your code and while it did populate the "add to cart" button in my product list page, when you click the button it just takes you to the description of the product. Can you help with this please?

1 minute ago, rainbowblessings222 said:

@paul2009 I tried your code and while it did populate the "add to cart" button in my product list page, when you click the button it just takes you to the description of the product. Can you help with this please?

Update: it adds to cart on mobile but not on desktop...hmm?

@Paul2009

Hoping you can help, on my site (www.therum.company), when I use the 'add to cart buttons' feature that is the new Squarespace version of your code above, it adds 3 units to the cart for some reason? Any idea why this could be? It does the same with your code too?

I have it turned off currently.

Thanks

Tom

21 hours ago, TFantom said:

on my site (www.therum.company), when I use the 'add to cart buttons' feature that is the new Squarespace version of your code above, it adds 3 units to the cart for some reason?

I don't experience this issue on your site so this may be limited to the device you're using. As a troubleshooting step, clearing the browser cache may help or you could try using an incognito/private window. If this doesn't help, I recommend informing Squarespace directly by raising a ticket through Squarespace Customer Care.  

Did this help? Please give feedback by clicking an icon below  ⬇️

@paul2009 

Thanks for the advice, I raised a ticket but it seems the issue is my Shop page code for my 'universal filter plug-in.  The problem is resolved when that code is removed. But I need the code obviously. 

I have contacted the owner of the code, but I'm not sure they know how to fix it.

Are you able to take a look? There doesn't seem to be anything obvious to cause the issue. I guess you can see the code, but if you need access, let me know.

Thanks

Tom

1 hour ago, TFantom said:

Are you able to take a look?

I can't reproduce the issue - with or without the Universal Filter - so I can't offer any further advice, except to suggest you were using the latest version - which I guess you've already done. If there is a filter issue, I'm not seeing one on other sites.

Either way, I'm sure Michael (the author) will investigate thoroughly if there is an issue on his side.

Hello, 

I can't find the option to use the new PLP Cart Button feature. the website is www.vine.lu - is it a template issue?

Thank you!

1 hour ago, cmancuso said:

I can't find the option to use the new PLP Cart Button feature.

The feature is only available on v7.1. You are on v7.0. Many new features will only come to v7.1.

@cmancuso If you'd like to use the newer features, you can upgrade your Brine-family site to 7.1 using the update tool! 🙂

Hey Paul, I'm excited about this but first I have a newbie question. What is a product list page? When go to add a page and browse the page layouts, there's nothing that says product or product list. I found a product section I can add, but when I edit it I can't find anything about adding an add to cart button.

Thanks,

Jax

2 hours ago, nomadicjax said:

What is a product list page?

A product list page is any page of a Store page that is not a product detail page. That would include the main Store page where you see a listing of products, category, and tag pages.

Thanks! I appreciate the quick reply.