hello321 Posted January 20, 2022 Posted January 20, 2022 Site URL: https://www.pappishop.com/ Is it possible to add two product buttons on your products/product-page? Buttons such as an "add-to-cart button" and a "buy-now" button? Thanks!
tuanphan Posted January 21, 2022 Posted January 21, 2022 You mean on List Page or Individual Detail Page? 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!)
hello321 Posted January 21, 2022 Author Posted January 21, 2022 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!
hello321 Posted January 23, 2022 Author Posted January 23, 2022 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.
tuanphan Posted January 25, 2022 Posted January 25, 2022 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!)
hello321 Posted January 25, 2022 Author Posted January 25, 2022 9 hours ago, tuanphan said: I think it is not possible. However you can consider adding second button: "Go to cart" Okay, how do I add a second "Go To Cart" button to a product page?
paul2009 Posted January 25, 2022 Posted January 25, 2022 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? 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.
hello321 Posted January 26, 2022 Author Posted January 26, 2022 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.
tuanphan Posted January 27, 2022 Posted January 27, 2022 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment