Terms and Conditions Box Not Checked on Click

Hey there, @tulip578! Thanks for contacting us. I’m happy to help you.

I checked your website and I was able to see the issue you mentioned.

However, I was not able to replicate it on my website. Can you please run a conflict test to check if something external is causing this error?

Can you please run a conflict test to see if something external is interfering with this?

To test, you’ll first want to change the theme on your site to Storefront, then check to see if the issue is still present. If that resolves the issue, you’ll want to get in touch with your theme’s developer and see if they have an update or fix for you.

If changing the theme doesn’t help, you’ll want to deactivate all plugins except for WooCommerce and take a look. If that fixes the problem, re-enable the other plugins one by one (gradually), checking after each, to see where the issue is coming from.

— Be sure you have a good backup in place of your full site and database. You can ask your host for backup functionality or you can consider using a service like Jetpack. If something goes wrong, you will be able to restore it.

— Also, you can consider using a plugin like Health Check & Troubleshooting. This is a plugin developed by the WordPress community and it is helpful to disable plugins without affecting your current site visitors.

— It is important to consider as well a staging functionality in case you would not like to touch your production site (you can ask your host if they offer this service), or you can use WP Staging for quickly spinning up a new test site.

You can find more about this in this guide.

Please let us know about your findings.

Looking forward to your reply.

Have a wonderful day!

Hello @tulip578,

the Threadwears theme replaces the three checkboxes on the checkout page with a stylized version, which needs a couple lines of JavaScript to make it work.

The “Shipping to another address?” checkbox has the necessary JavaScript code, but the other two checkboxes were left out.

The issue can be fixed by adding the following JS code to your website:

let checkDivAccount = document.querySelector('.woocommerce-account-fields .checkbox span');
if (checkDivAccount !== null) {
	checkDivAccount.onclick = function (e) {
		this.classList.toggle('checked');
	}
}

let checkDivTerms = document.querySelector('.woocommerce-terms-and-conditions-checkbox-text');
if (checkDivTerms !== null) {
	checkDivTerms.onclick = function (e) {
		this.classList.toggle('checked');
	}
}

Use a plugin similar to Simple Custom CSS & JS to add the JS code.

You can also try contacting the support team of the Threadwears theme about the two checkboxes and point them to this answer.

Hi @diana_burduja, thanks for sharing this. I just did a quick test on my browser for that JS, and it worked: https://prnt.sc/TlsVs2nxQqiG.

This confirms this is a theme issue, and it should be redirected to the theme developers indeed.

Thanks!