DV2 Posted July 14, 2022 Share Posted July 14, 2022 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! Link to comment
paul2009 Posted July 15, 2022 Share Posted July 15, 2022 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. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
DV2 Posted July 15, 2022 Author Share Posted July 15, 2022 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? Link to comment
Solution paul2009 Posted July 15, 2022 Solution Share Posted July 15, 2022 (edited) On 7/15/2022 at 9:49 PM, DV2 said: did you mean a code solution outside of sqsp? I was referring to the use of some JavaScript to include Add to Cart buttons on the Product List Page so that customers do not need to visit individual Product Detail Pages. UPDATE AUGUST 2023: Squarespace added a new 'Add to Cart Button' feature to the Product List Page (PLP). This feature is only available on Squarespace 7.1. To access this feature, go to the Website/Pages panel and click into the Products page. From there, click Edit and then Edit Section. There you can enable the Add to Cart Button option. Edited January 24 by paul2009 edited for clarity florencepicol and DV2 1 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
DV2 Posted August 8, 2022 Author Share Posted August 8, 2022 I finally got back to this project. @Paul2009, you are a rock star. With a small tweak to the CSS, this works perfectly. paul2009 1 Link to comment
rainbowblessings222 Posted April 26, 2023 Share Posted April 26, 2023 @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? Link to comment
rainbowblessings222 Posted April 26, 2023 Share Posted April 26, 2023 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? Link to comment
TFantom Posted October 30, 2023 Share Posted October 30, 2023 @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 Link to comment
paul2009 Posted October 31, 2023 Share Posted October 31, 2023 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 ⬇️ TFantom 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
TFantom Posted November 2, 2023 Share Posted November 2, 2023 @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 Link to comment
paul2009 Posted November 2, 2023 Share Posted November 2, 2023 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. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
cmancuso Posted January 24 Share Posted January 24 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! Link to comment
creedon Posted January 24 Share Posted January 24 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. paul2009 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
paul2009 Posted January 24 Share Posted January 24 @cmancuso If you'd like to use the newer features, you can upgrade your Brine-family site to 7.1 using the update tool! 🙂 creedon 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment