Jump to content

Add to cart button to each products in product list

Recommended Posts

Site URL: https://www.ok-mart.com.au

I found similar questions here this forum but not able to find answer how to do it. Please help me to solve it.

When I click on the item from product list it goes to the product detail where I can add it to a cart, however I would like to show another "add to cart button" under each product in the "product list page" for easy selection without navigating out of the page.

 

2021-02-26 (2)_LI.jpg

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

There isn't a built-in feature for this, but it's possible to write custom JavaScript that will automatically include an 'Add to Cart' button on each product on a Product List page. 

For info, below is an example of a Squarespace site where I added this.

 

1136458413_add-to-cart-on-product-list-sf-digital-resized750.gif.510592a37edf34c00df69098409f00df.gif

Edited by paul2009

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Wow, it’s great. Thank you for your information.

However, I have more than 700 items and I have to make double numbers. I don’t think it's good idea to write custom JavaScript to include an 'Add to Cart' button for each products. Is there any other way to apply it to all together ? Any plugin ? Or do I have hire a expert ?

Thanks, Donald

Link to comment
On 2/26/2021 at 2:43 AM, Donald_P said:

Wow, it’s great. Thank you for your information.

However, I have more than 700 items and I have to make double numbers. I don’t think it's good idea to write custom JavaScript to include an 'Add to Cart' button for each products. Is there any other way to apply it to all together ? Any plugin ? Or do I have hire a expert ?

Thanks, Donald

I think Paul's idea is to write a JavaScript code, and it will add Add to cart for all products. Do you still need help on this?

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
53 minutes ago, tuanphan said:

I think Paul's idea is to write a JavaScript code, and it will add Add to cart for all products. Do you still need help on this?

 

Yes, please.

Thanks, Donald

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.