How to Add a Disclaimer Checkbox to your Shopify Store

Log into your website with your user credentials.

Click on the ‘Online Store’ option and then select the ‘Themes’ option before choosing the theme that your store is currently using.

Click on the ‘Actions’ option and then click on the edit code. Within the ‘Assets’ area, you want to click on the option that reads ‘theme.js’ or ‘theme.js.liquid’.

Then you can go down to the bottom of the page and add this code:

$(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 agree with the terms and conditions of sales to check out.");
return false;
}
});
});

Then you click on the ‘Save’ button.

Then you need to click on the ‘Sections’ option and then click on the ‘cart-template.liquid’. This might be labeled as ‘cart.liquid’ or ‘cart-template.liquid’ in templates. Then look for the following code:

<button type="submit" name="checkout" class="btn">{{ 'cart.general.checkout' | t }}</button>

You need to paste this code in near this.

<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 with the <a href="/pages/terms-and-conditions">terms and conditions</a>.
</label>
</p>

You can change the URL for the terms and conditions page to your specific terms and conditions page. Then you can click ‘Save’ and you’re done.