Jump to content

Two product buttons, on the product page?

Recommended Posts

  • Replies 8
  • Views 698
  • Created
  • Last Reply

Top Posters In This Topic

1 hour ago, tuanphan said:

You mean on List Page or Individual Detail Page?

If I am understanding correctly, it would be the individual detail page. If someone clicked on the full details of one of our products, I am curious to know if I could have an add to cart button and a buy now button for each product when it is opened in full detail. I hope that makes sense. Thanks!

Link to comment
On 1/20/2022 at 9:21 PM, tuanphan said:

You mean on List Page or Individual Detail Page?

If I am understanding correctly, it would be the individual detail page. If someone clicked on the full details of one of our products, I am curious to know if I could have an add to cart button and a buy now button for each product when it is opened in full detail. I hope that makes sense.

Link to comment
On 1/23/2022 at 8:25 AM, hello321 said:

If I am understanding correctly, it would be the individual detail page. If someone clicked on the full details of one of our products, I am curious to know if I could have an add to cart button and a buy now button for each product when it is opened in full detail. I hope that makes sense.

I think it is not possible. However you can consider adding second button: "Go to cart" 

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!)

Link to comment
On 1/23/2022 at 1:25 AM, hello321 said:

I am curious to know if I could have an add to cart button and a buy now button for each product when it is opened in full detail.

You'd like a second button that adds just this one product to the cart and then goes straight to checkout without adding other products?

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
9 hours ago, paul2009 said:

You'd like a second button that adds just this one product to the cart and then goes straight to checkout without adding other products?

Yes, I believe that is correct. I would like one button that adds the product to the cart and another button that takes the product straight to checkout.

Link to comment
On 1/25/2022 at 11:50 PM, hello321 said:

Okay, how do I add a second "Go To Cart" button to a product page? 

Add to last line in Code Injection > Footer

<script>
  jQuery(document).ready(function($) { 
   $('<div class="sqs-block-button button-block go-to-cart"><div class="sqs-block-button-container--center"><a href="/cart" class="sqs-block-button-element--small sqs-block-button-element">Go to cart</a></div></div>').insertAfter("div.sqs-add-to-cart-button-wrapper");
 }); 
</script>
<style>
  div.go-to-cart {
    margin-top: 10px !important;
}
div.go-to-cart a {
    display: block;
}
</style>

 

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!)

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.