Cart - Add an 'Agree to terms and conditions' checkbox

TyW
Community Manager
556 38 999

You can add an I agree with the terms and conditions checkbox to your cart page that customers must check before continuing to the checkout. If a customer doesn't check the checkbox before clicking the checkout button, an alert pop up will prevent them from continuing.

 

tc-01.jpg


Tip: It's not possible to add the checkbox to the checkout pages. It can be added only to the cart page that exists at http://www.your-shop-URL.com/cart.

The steps for this tutorial differ depending on whether you are using a sectioned or a non-sectioned theme. A sectioned theme is a newer theme that lets you drag and drop to arrange the layout of your store's pages.

To figure out whether your theme supports sections, go to the theme's Edit code page. If there are files in the Sections directory, you are using a sectioned theme. Non-sectioned themes were released before October 2016, and do not have files in the Sections directory.

If you are using a sectioned theme, then click the Sectioned themes button and follow the instructions. If you are using an older, non-sectioned theme, then click the Non-sectioned themes button and follow the instructions.

TyW | Online Community Manager @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Replies 125 (125)
midwestsoapery
Tourist
4 0 3

I told you how to figure it out so the snark is not necessary. I was busy at the time and didn’t see your response until now. Had you read the instructions like I said you would have seen it.

sherley
New Member
1 0 0

how do i preselect the checkox

Mike5241
Tourist
14 0 2

Hi Idwithin,

Just to thank you for the trick, it worked for me.

My problem was that it was possible to click on the Checkout button and continue even if the "Agree to terms" checkbox was not selected.

I noticed that the popup windows appears very near the top of the screen, do you know by any chance how to make it show in the center of the screen?

Thank you,

Mike

skmeico
New Member
9 0 0

I added the codes to my my Dawn Theme and able to see the terms and conditions box, but it is not alligned properly, how to allign it? Also the Check out Box became more height

skmeico_0-1636710018419.png

Please help me

 

skmeico
New Member
9 0 0

I added the codes to my my Dawn Theme and able to see the terms and conditions box, but it is not alligned properly, how to allign it? Also the Check out Box became more height

skmeico_0-1636786959036.png

 

Please help me