Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How to add 'add to cart' button in Shop block


Gilbert

Recommended Posts

At the moment I import shop products in a product gallery block onto the homepage and I am trying to add a 'add to cart' button beneath each of the products to see if that improves conversion. Is there a way to do this?

I'm using Brine template and the site is at www.oliverjwoods.com

Here's a pic of where I'd like the buttons to go

OJW_Button_Question.thumb.png.a03644640efea1fd04529086ee5f9ec3.png

Thanks for any help!

C

Link to post
  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

I just had a client ask me for something very similar! Google around I found this post, and thought I would share my solution... It was not manageable to add hundreds of product blocks and the summary

Try this plugin. by @ThompsonWebDesign

I see you are using a Summary Block to display the products. We are waiting for Squarespace to include an 'Add to Cart' button on Product Summary Blocks. You can add your voice to the existing request

Posted Images

I see you are using a Summary Block to display the products. We are waiting for Squarespace to include an 'Add to Cart' button on Product Summary Blocks. You can add your voice to the existing requests for this feature by raising a ticket through Squarespace Customer Care

In the meantime there are two options:

  • Use a series of Product Blocks instead. This doesn't scale but is manageable for a few products. There's a checkbox on these blocks that allows you to add the button.
  • Use code to add the button to the Summary Items. I recommend you hire a developer for this because forum snippets are unlikely to be reliable enough for a production site.
     
Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include.
I value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.
Squarespace. I've been a loyal and enthusiastic supporter of the platform since 2007. 

Link to post

Hey Paul - It all seems to be working well, but I've lost the bold product names I had before. I think I used some code but have forgotten – do you happen to know how I should do this? Thanks for your help - last question I promise...

Link to post

Something like this:

.product-block .productDetails .product-title {
  font-size: 2em;
  line-height: 1.3em;
  font-weight: 600;
}

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include.
I value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.
Squarespace. I've been a loyal and enthusiastic supporter of the platform since 2007. 

Link to post
  • 5 months later...

I just had a client ask me for something very similar! Google around I found this post, and thought I would share my solution... It was not manageable to add hundreds of product blocks and the summary block doesn't contain the item-id needed to link it to an Add to Cart button. It was best to use the product list page. I figured out a solution that works great on desktop and mobile.

https://www.bradgood.net/articles/how-to-add-an-add-to-cart-button-to-a-squarespace-product-list-page

Edited by bradgood
Link to post

Thanks for the lead, @bradgood - unfortunately I do not seem to get in working in Product Summery Blocks in Pacific template

I am using a different Category Filter with each Product Summary grid - would that make a difference for the code?

Link to post
  • 1 month later...
On 5/23/2020 at 2:21 AM, BureauSF said:

Thanks for the lead, @bradgood - unfortunately I do not seem to get in working in Product Summery Blocks in Pacific template

I am using a different Category Filter with each Product Summary grid - would that make a difference for the code?

 

On 7/3/2020 at 12:54 PM, divar said:

Hey @bradgood I tried your code and unfortunately it doesn't seem to be working for me. Do let me know if someone is able to implement it. Thanks!

Try this plugin.

by @ThompsonWebDesign

Link to post
  • 1 month later...
On 5/17/2020 at 5:10 PM, bradgood said:

I just had a client ask me for something very similar! Google around I found this post, and thought I would share my solution... It was not manageable to add hundreds of product blocks and the summary block doesn't contain the item-id needed to link it to an Add to Cart button. It was best to use the product list page. I figured out a solution that works great on desktop and mobile.

https://www.bradgood.net/articles/how-to-add-an-add-to-cart-button-to-a-squarespace-product-list-page

Hey Brad, this doesn't seem to be working for me but it would be AMAZING if it did!! Can you reach out to me at hello@rentbestdressed.com to see if you can help?

Link to post
On 8/13/2020 at 10:12 AM, bestdressed said:

Hey Brad, this doesn't seem to be working for me but it would be AMAZING if it did!! Can you reach out to me at hello@rentbestdressed.com to see if you can help?

Can you share link to page where you use Shop Block? We can help easier.

Link to post
  • 4 weeks later...
On 9/8/2020 at 11:10 PM, JamesL-TFM said:

I am trying to add an 'add to cart' button to a summary block showing products. I have implemented @bradgood's code on my main commerce page (thanks!) but I would like to also have add to cart buttons on the pages where I show a summary of products based on tags. Does anyone have any suggestions?

 

An example website is here:

www.tendrevolution.com/limden-brook-organic

Have you found the solution yet?

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...