Jump to content

Adding a second "Deposit" button below the "add to cart" on various product pages.

Recommended Posts

I wonder if one of you code wizards could help me. I am aware that Squarespace don't allow the option for taking deposits at checkout. The solution of adding two variants "full price" & "deposit" works but means the price is always displayed as "From £XXX" which isn't practical.

The best solution I have found is to add a second button that links to a duplicate hidden product at the deposit price. I can add this button in the additional info tab below but wonder if someone could work their magic and make the "deposit" button appear directly underneath the original "add to cart" Botton (will be renaming this button to "Full Price").

I have found code previously that adds a "checkout" button directly underneath, that is wonderfully placed and formatted, however this button is the same link on all product pages in the store, and I would need the link to vary for each product AND then there is the issue of adding the number of items to the basket...

As I type this, I just realised another solution COULD be to write code to remove the original "add to cart" button, so it doesn't display on the usual product page location and then re-add this button and the deposit button in the "additional info" tab below next to each other... not sure how practical this is.

Any help with this would be incredible!!! Thank you VERY much in advance

This is ideally what I would love it to look like:

image.thumb.png.d901fe2e2e59dd0ddbabdb0ff4131707.png

Link to comment
  • Replies 1
  • Views 168
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 hour ago, 0liver said:

The best solution I have found is to add a second button that links to a duplicate hidden product at the deposit price. I can add this button in the additional info tab below but wonder if someone could work their magic and make the "deposit" button appear directly underneath the original "add to cart" Botton (will be renaming this button to "Full Price").

If you'd like a solution that has already been built and tested on Squarespace 7.1, please take a look at Product Samples.

This takes care of the code to include the second 'product' with your main product. This is typically used for sample products alongside full products, but could also be used for deposits.

image.thumb.jpeg.a5dfa129b348bc917fae2e36a78fcf6e.jpeg

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing 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 below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.