Guest Posted June 20, 2020 Share Posted June 20, 2020 Site URL: http://bluelinenutrition.co I'm trying to add a button underneath the "CHECKOUT" button on the cart page. Can someone help with steps to do this? Link to comment
tuanphan Posted June 22, 2020 Share Posted June 22, 2020 Add to Code Injection Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.CartFooter-checkout-28MW2').append('<div class="tuan"><a href="https://beaverhero.com">Button text</a></div>'); }); </script> <style> .tuan a { display: inline-block; height: auto; color: #ffffff; background-color: #272727; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0; text-align: center; text-decoration: none; letter-spacing: 0.1em; padding: 1.4em 2.8em; margin: 40px 0; } </style> replace with your text, url 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
Guest Posted June 22, 2020 Share Posted June 22, 2020 Thank you so much, @tuanphan!! One more ask if you could help... I've included a "Continue Shopping" button on the cart page and I'd like to style it like the other buttons. Here is the coding that I've used to insert the button. Not sure where the styling code would need to be entered. <script> var d1 = document.getElementById('sqs-cart-container'); function goBack() { window.history.back(); } d1.insertAdjacentHTML('beforebegin', '<p><button onclick="goBack()"align="left">← Continue Shopping</button></p>'); </script> Link to comment
siweisong Posted July 24, 2020 Share Posted July 24, 2020 @tuanphan How do I put the "continue shopping" link on the same row as the subtotal texts? Below is the code I used. Thank you!! <script> $(document).ready(function() { $('<p style="text-align:left"><a href="http://www.fortsferryfarm.com/pickup-delivery">Continue Shopping</a></p>').insertBefore('.CartTable-subtotal-2nJjm'); }); </script> Link to comment
tuanphan Posted July 25, 2020 Share Posted July 25, 2020 16 hours ago, siweisong said: @tuanphan How do I put the "continue shopping" link on the same row as the subtotal texts? Below is the code I used. Thank you!! <script> $(document).ready(function() { $('<p style="text-align:left"><a href="http://www.fortsferryfarm.com/pickup-delivery">Continue Shopping</a></p>').insertBefore('.CartTable-subtotal-2nJjm'); }); </script> Can you share link to cart page? We can check easier. 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
MamaMoon Posted October 15, 2020 Share Posted October 15, 2020 HI Bain - how did you customise your cart page to look like that and appear on the side? I have been trying on a 7.1 template and failing. I have a horrid cart (see screenshot), i can't even change the colours or design Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.