If you have a terms and conditions checkbox on your shopping cart page, you may need to implement some additional code to support it.

Please reach out to us at [email protected]—we’ll be happy to implement this for you. Only proceed if you are comfortable editing code yourself.

Find the terms and conditions checkbox ID

Go to Online Store > Themes and find the theme you will be editing.
We advise creating a duplicate of your live theme, to avoid making any changes that may affect customers.
Click Actions and select Edit Code.
Find your main cart file (usually in Sections).
It might be named differently, such as:
- cart.liquid
- cart-template.liquid
- cart-footer.liquid
Find the code snippet for your terms and conditions checkbox (usually placed above the checkout button).
Find the ID for the checkbox, and make a note of its name—here it is named "agree".
It might be named differently, such as:
- Terms
- Conditions
If you can't find the ID, you may need to add it in.

Find this code:
```
type="checkbox"
```
And replace it with :
```
type="checkbox" id="terms"
```

Add checkbox support

The steps are different depending on your app version. Follow our guide to find out which version of the widget you are using.

Steps for Online Store 2.0
Steps for Version 7.1.2.

Online Store 2.0

Within Zapiet - Pickup + Delivery > Settings > Developers > Custom scripts, add the following code:

 window.customCheckoutValidation = function() {
  if ($("#terms").is(":checked")) { 
      $("#cart_form").submit(); 
      return true;     
     }
     alert("You must agree with the terms and conditions");
     return false;
     }

If needed, change this code to match your theme.
If the checkbox ID was not "terms", change the code above to match it.
For example:
Click Save.

Your terms and conditions checkbox should now be integrated with Zapiet - Pickup + Delivery. If your customers click checkout before agreeing to your T&C, they will see an alert notifying them to agree to the T&C conditions.

If this is not the case on your store, take a look at our troubleshooting section.

Version 7.1.2.

Within your storepickup-addons.liquid file add the following code:

<script type="text/javascript">   
 window.customCheckoutValidation = function() {
  if ($("#terms").is(":checked")) { 
      $("#cart_form").submit(); 
      return true;     
     }
     alert("You must agree with the terms and conditions");
     return false;
     }
</script>

If needed, change this code to match your theme.
If the checkbox ID was not "terms", change the code above to match it.
For example:
Click Save.

If this is not the case on your store, take a look at our troubleshooting section.

Troubleshooting

If the code is not working as expected, you can:

Match the example code with your theme code
Add jquery
Check the cart form
Contact us at [email protected]

Please note that each theme is different and may need different steps.

Match the example code with your theme code

Repeat step #2 of add checkbox support to make sure the terms and conditions checkbox ID matches the code you have added to your store.

Add jquery

Go to your main cart file.

Add this code at the top:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Click Save.

Check the cart form

Go to your main cart file.
Find the ID for the cart form.
It should be above the checkbox code, and begins with <form.
Find the cart form ID and make a note of it—here it is "cart_form".
Check if it is the same as in this code snippet:
If it is different, change this code to match your theme file.
Replace cart_form with the ID in your theme file.
For example:

Terms and conditions checkbox support