Jump to content

Add to cart button to each products in product list

Recommended Posts

Posted

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

  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply
Posted

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

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted

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

Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.