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

amir_zsafaei
New Member
3 0 0

Thank you for the great tutorials but the required is not working for me. Also, I don't have that JS line in my theme, should I add that manually? 

0 Likes
Andrew231
New Member
2 0 0

Hi dclopez, I am using Blockshop as well did this work for you end the end?

0 Likes
Andrew231
New Member
2 0 0

Hi Dclopez, I tried this but it still let's me checkout with having to click the button, is yours still allowing you to have to click the checkbox?

0 Likes
PJeatery
New Member
2 0 0

This didnt work for me

0 Likes
goclaire
New Member
1 0 0

Hello! This worked for me, but how do I add a pop-up to remind the customers to tick the checkbox before clicking checkout? When they don't click the checkbox, the page just loads and does not proceed to checkout.


@dclopez wrote:

Good morning,

 

It seems as if the line was missing the required="required" in the line for the cart.liquid. It's working for me now. Try this.

Original:

 

<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>

 

Updated with required added ----- USE THIS BELOW:

 

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


 

0 Likes
Dagmar1
New Member
3 0 0

Hi I am using Modular theme and in second step: 

  1. In the Templates directory, click cart.liquid.
  2. Find the HTML code for your checkout button. Look for a <button> or an <input> element with the name attribute set to checkout. The code might look something like this:

I dot have in this section <button> or an <input> I have just this codes:

<section class="container-wrap">
<div class="container">
{% include 'site-cart' %}
</div>
</section>
 
{% include 'ajax-cart' %}

Can someone help with this what to do?

 

thank you so much :) 

0 Likes
mArcoAl
New Member
1 0 0

Debe ser porque estas utilizando theme.liquid en ves de theme.js  

Yo tuve el mismo problema pero si copias el código html correctamente todo funciona bien, revisa lo que te digo, no utilices la sección theme.liquid

0 Likes
LadyKM
Excursionist
14 0 4

Hi - I'm using Debut and this worked great, just one thing I can't work out - the 'font' of 'terms & conditions' is not adopting my theme font. How can I do this? Here is how it looks:

Screenshot 2020-06-02 at 09.29.09.png

 

 

Here is the code:

 

 

Screenshot 2020-06-02 at 09.26.02.png

 

 

Is it also possible that when the read the terms it can open in a new window rather than take them away from the checkout?

 

Thank you so much! It would be awesome to sort this final fixes.

Dagmar1
New Member
3 0 0
Hi,

thank you for your answer regarding o checkbox. First step in section
Layout - Theme.js I did changes but second step in section action
Template- cart. liquid. I don't have required codesand I dont know where to
put coes for checkout button I have just codes in attachment.
Can you help me how to manage it please?

thanks
Dagmar
0 Likes
LadyKM
Excursionist
14 0 4

Sorry - i was asking a question of the community, not providing an answer!

0 Likes