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

GARESIOVINI
Tourist
8 0 1
Hello,
I've contacted for 25 dollars a shopify expert that worked on the code and
did a perfect job.
In just one day everything was working well. Honestly I'd advice this.
Best,
0 Likes
MKMUMU2
Excursionist
13 0 3

Hi,

Thanks a lot..i got the solution.....

MKMUMU2
Excursionist
13 0 3

HI @TyW ,

Thanks a lot for your guided tutorial......

0 Likes
noebouture
Tourist
8 0 2

Which expert to recommend please? i need it

0 Likes
noebouture
Tourist
8 0 2

@GARESIOVINI wrote:
Hello,
I've contacted for 25 dollars a shopify expert that worked on the code and
did a perfect job.
In just one day everything was working well. Honestly I'd advice this.
Best,

Which expert to recommend please? i need it

0 Likes
GARESIOVINI
Tourist
8 0 1
I’ve asked to them: kcprvn@gmail.com
They are Shopify certified experts
Have fun!
0 Likes
KevGol
New Member
1 0 0

Has anyone figured out how to solve the issue with being able to proceed to checkout even if the checkbox isn't checked? 

 

I have spent several hours troubleshooting with JS and HTML and can't seem to figure it out.

 

I would greatly appreciate some help. I am using the Supply theme if that helps.

 

Thanks!

0 Likes
MKMUMU2
Excursionist
13 0 3

Hi,

i have added this in my registration page, you can add the below code in your respective page where you want to see the "terms and policy".

##If you want to add this in your cart page, then just add name="register" in the respective input button line. 

##put the script tag below your html code, at the last part.

hope that it works out for you.

 

Here i have added the code which works well for me in my registration page before entering into my store.

 

 

HTML Part:

<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="your reference page link">terms and conditions</a>.
</label>
</p>
<p class="text-center">
<input id ="account_submit" type="submit" value="{{ 'customer.register.submit' | t }}" class="btn" name="register">
</p>

JS Part:

<script>
$(function() {
$('body').on('click', '[name="register"]', function() {
if ($('#agree').is(':checked')) {
$("#create_customer").submit();
}
else {
alert("You must agree with the terms and conditions of sales to register.");
return false;
}
});
});

</script>

JP30
Tourist
14 0 1

Hi Ty, 

 

Thanks for the info.

 

Any chance you could tell me how to display the terms and conditions page within a popup instead of leaving the cart page as it is now.

 

Thanks

0 Likes
MKMUMU2
Excursionist
13 0 3

Hi, 

That is what i couldn't figure out how to add those terms and condition page

0 Likes