Buy me a coffee

Add a Form Block under Add to Cart

This guide is for Product Detail Page Only. With Store/Category Page, it will require a different code. You can send me a message via email with your shop URL. I can adjust the code more easily.

All Products

#1. First, you need to edit all products > Additional Info > Add a Form Block

#2. Use this code to Code Injection>Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('section.ProductItem-additional .form-block').appendTo('.sqs-add-to-cart-button-wrapper');
})
</script>

One Product

#1. You need to edit the product where you want to replace the add to cart button > Additional Info > Add a Form Block
#2. Paste code to Code Block

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('section.ProductItem-additional .form-block').appendTo('.sqs-add-to-cart-button-wrapper');
})
</script>

Some Specific Products

#1. First, you need to create a tag with the name: ATB
#2. Next, assign this tag for all products that you want to replace the add to cart button
#3. Edit these products > Edit Additional Info > Add a Form Block
#4. Use code to Code Injection>Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('section.ProductItem-additional .form-block').appendTo('.tag-atb .sqs-add-to-cart-button-wrapper');
})
</script>