Woo commerce terms and conditions

Support
#1

I have I have read and agree to the website [terms] entered into appearance > customize > woo Commerce > Checkout…
On the check out page there is a checkbox and I have read and agree to the website [terms] …
In order to read the terms you must click the words, then they “pop up” to view. Is there a way to make the boxed exposed by default?
Thanks!
P.S.
I do not think https://theme.co/apex/forum/t/terms-conditions-check-box/23504?u=rob_strickland this is a solution for me since it appears to open a new window, whereas I want to force the window to be open by default.

#2

Hi @Rob_Strickland,

I am not sure that the pop-up thing is a default Woocomemrce functionality or not. If yes then adding the code below to WordPress Dashboard > X/Pro > Theme Options > JS:

jQuery(document).ready(function($){
	$('.wc-terms-and-conditions a').trigger('click');
});

The idea behind the code above is that it triggers the same clicking effect of the Terms link on page load. If you have the problem yet you will need to get back to us with the exact URL of the page that you are talking about.

Thank you.

#3

Thanks for this. It has not worked in an incognito browser…
But I like the concept behind the code, thanks. Woo said that the Theme is in control of the display/layout of the terms and conditions. I read many many forum posts looking for solution and yours would appear to be the best, if we can get it to work.
Please go ahead a try for yourself to see if it’s working. I can offer you admin credentials through a secure note if you feel that would be helpful.

Thank you!
Rob

#4

Hey Rob,

I’d like to clarify that:

  1. The WooCommerce Terms and Conditions “click to display” behavior is a feature of WooCommerce. It’s not controlled by our theme.
  2. Our theme also does not override the Terms and Conditions shortcode functionality.

To make the Terms and Conditions are open by default, you’d need to add this custom CSS in Theme Options > CSS.

.woocommerce-terms-and-conditions {
    display: block !important;
}

Just remember that our theme does not control this area of WooCommerce and if the WooCommerce developers decide to change the markup or functionality, that custom code will not work so you’d need to contact WooCommerce support if that happens.

Hope that helps.

#5

Thanks, it works now!

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.