How to add Terms and Conditions to your Shopify store

This field, which generally comes after the subtotal of your shopping cart, can be located in the code of your cart.liquid or cart-template.liquid or in a mini cart that you have in the header cart or in an ajax cart. Everything will depend on what theme you are using. The important thing is that it goes after the subtotal line.

There are times, such as Cyber ​​Day, where we increase our delivery lead time or the CCS requires that the client accept the terms and conditions of the service so that they do not say later that they did not know or were not aware of the policies. store operation.

For those who use the Turbo theme and some other Themeforest themes, this option already comes in the visual editor of your theme so it is not necessary to use the code. For those who do not, here is the code so you can install it in his shop.

 <p style="float: none; text-align: right; clear: both; margin: 10px 0;"> 
<input style="float:none; vertical-align: middle;" type="checkbox" id="agree" />
 <label style="display:inline; float:none" for="agree">
 I agree to the <a href="/en/pages/terms-and-conditions">Terms and conditions</a>.
 </label>
 </p>

it would look like this:

 I agree with the Terms and Conditions .

It is important that this link leads to a page that you have created with the title "Terms and conditions" since if the client wants to read them, they can reach the link correctly.

Up to this point the field is only visual, which means that if the client does not accept the conditions they can still pay.

We are going to add a rule in the theme.js or theme.js.liquid file depending on your template and at the end of the code of this file we are going to paste

$(document).ready(function() { $('body').on('click', '[name="checkout"], [name="goto_pp"], [name="goto_gc"]', function() { if ($('#agree').is(':checked')) { $(this).submit(); } else { alert("You must accept the Terms and Conditions to proceed to payment." ); return false; } }); });

Ready! Now if you comply with everything. (It will also depend on your template if it doesn't work out the first time, I'll help you.