How to add extra add to cart button on product page? Sense theme?

[jeffreym]

At the bottom of my product page I want to add another add to cart button. I can only add a button then link it back to the product page but not add to cart.

[Dan-From-Ryviu]

Hi @jeffreym 

You can add an HTML button into a Custom Liquid block at the bottom of your product page template and then add the script to trigger the Add to Cart button when clicking this custom button.  

[jeffreym]

Okay understood, Do you have this said script?

[Dan-From-Ryviu]

Hi @jeffreym 

You can try to use this code 

<button id="product-form__submit-2" type="button" class="button button--secondary">
<span>Add to cart</span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('product-form__submit-2').addEventListener('click', function(event) {
    event.preventDefault();
    document.querySelector('.product-form__submit').click();
  });
});
</script>

[jeffreym]

Okay, That puts an add to cart button on the page now I will need to centre the button & make the text black

[Dan-From-Ryviu · Accepted solution]

please update the code 

<div style="display: flex;justify-content: center;">
<button id="product-form__submit-2" style="color: #23232;" type="button" class="button button--secondary">
<span>Add to cart</span>
</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('product-form__submit-2').addEventListener('click', function(event) {
    event.preventDefault();
    document.querySelector('.product-form__submit').click();
  });
});
</script>

[jeffreym]

Honestly, you guys that help us newbies are amazing! I thank you kin sir!

[Dan-From-Ryviu]

You are very welcome! 

[shahrozbabar5]

Hi @Dan-From-Ryviu,

Can you change the add to cart button to request a quote button, It should send a query when someone clicks on request a quote on the product page. It should not proceed to the cart page and checkout. let me know if you can do so. it should include variant selection and send clients' data to the owner's email.