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

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

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

Share this post


Link to post

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. This is something you'll want to hire a dev to do as it isn't something that you'll find in a forum snippet.
     

World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked six weeks in advance for jobs longer than an hour.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

 

Share this post


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

Share this post


Link to post

Something like this:

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

World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked six weeks in advance for jobs longer than an hour.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

 

Share this post


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