Disable «place order» until user checks Privacy Policy in Woocommerce












0















I've added a checkbox on the checkout page by using this :



add_action( 'woocommerce_review_order_before_submit', 'add_privacy_checkbox', 9 );
function add_privacy_checkbox() {
woocommerce_form_field( 'privacy_policy', array(
'type' => 'checkbox',
'class' => array('form-row privacy'),
'label_class' => array('woocommerce-form__label woocommerce-form__label-for-checkbox checkbox'),
'input_class' => array('woocommerce-form__input woocommerce-form__input-checkbox input-checkbox'),
'required' => true,
'label' => 'I've read and accept the <a href="https://website.com/privacy-policy">Privacy Policy</a>',
) );
}
add_action( 'woocommerce_checkout_process', 'privacy_checkbox_error_message' );
function privacy_checkbox_error_message() {
if ( ! (int) isset( $_POST['privacy_policy'] ) ) {
wc_add_notice( __( 'You have to agree to our privacy policy in order to proceed' ), 'error' );
}
}


I want to make the checkout button disabled until the user has checked the "I've read and accept the privacy policy.
What would be the best practice of doing this? With jQuery it would be the simplest way, but could it be done directly with php?










share|improve this question

























  • This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

    – LoicTheAztec
    Nov 22 '18 at 1:36
















0















I've added a checkbox on the checkout page by using this :



add_action( 'woocommerce_review_order_before_submit', 'add_privacy_checkbox', 9 );
function add_privacy_checkbox() {
woocommerce_form_field( 'privacy_policy', array(
'type' => 'checkbox',
'class' => array('form-row privacy'),
'label_class' => array('woocommerce-form__label woocommerce-form__label-for-checkbox checkbox'),
'input_class' => array('woocommerce-form__input woocommerce-form__input-checkbox input-checkbox'),
'required' => true,
'label' => 'I've read and accept the <a href="https://website.com/privacy-policy">Privacy Policy</a>',
) );
}
add_action( 'woocommerce_checkout_process', 'privacy_checkbox_error_message' );
function privacy_checkbox_error_message() {
if ( ! (int) isset( $_POST['privacy_policy'] ) ) {
wc_add_notice( __( 'You have to agree to our privacy policy in order to proceed' ), 'error' );
}
}


I want to make the checkout button disabled until the user has checked the "I've read and accept the privacy policy.
What would be the best practice of doing this? With jQuery it would be the simplest way, but could it be done directly with php?










share|improve this question

























  • This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

    – LoicTheAztec
    Nov 22 '18 at 1:36














0












0








0








I've added a checkbox on the checkout page by using this :



add_action( 'woocommerce_review_order_before_submit', 'add_privacy_checkbox', 9 );
function add_privacy_checkbox() {
woocommerce_form_field( 'privacy_policy', array(
'type' => 'checkbox',
'class' => array('form-row privacy'),
'label_class' => array('woocommerce-form__label woocommerce-form__label-for-checkbox checkbox'),
'input_class' => array('woocommerce-form__input woocommerce-form__input-checkbox input-checkbox'),
'required' => true,
'label' => 'I've read and accept the <a href="https://website.com/privacy-policy">Privacy Policy</a>',
) );
}
add_action( 'woocommerce_checkout_process', 'privacy_checkbox_error_message' );
function privacy_checkbox_error_message() {
if ( ! (int) isset( $_POST['privacy_policy'] ) ) {
wc_add_notice( __( 'You have to agree to our privacy policy in order to proceed' ), 'error' );
}
}


I want to make the checkout button disabled until the user has checked the "I've read and accept the privacy policy.
What would be the best practice of doing this? With jQuery it would be the simplest way, but could it be done directly with php?










share|improve this question
















I've added a checkbox on the checkout page by using this :



add_action( 'woocommerce_review_order_before_submit', 'add_privacy_checkbox', 9 );
function add_privacy_checkbox() {
woocommerce_form_field( 'privacy_policy', array(
'type' => 'checkbox',
'class' => array('form-row privacy'),
'label_class' => array('woocommerce-form__label woocommerce-form__label-for-checkbox checkbox'),
'input_class' => array('woocommerce-form__input woocommerce-form__input-checkbox input-checkbox'),
'required' => true,
'label' => 'I've read and accept the <a href="https://website.com/privacy-policy">Privacy Policy</a>',
) );
}
add_action( 'woocommerce_checkout_process', 'privacy_checkbox_error_message' );
function privacy_checkbox_error_message() {
if ( ! (int) isset( $_POST['privacy_policy'] ) ) {
wc_add_notice( __( 'You have to agree to our privacy policy in order to proceed' ), 'error' );
}
}


I want to make the checkout button disabled until the user has checked the "I've read and accept the privacy policy.
What would be the best practice of doing this? With jQuery it would be the simplest way, but could it be done directly with php?







php wordpress woocommerce






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 22 '18 at 1:37









LoicTheAztec

87.9k1364101




87.9k1364101










asked Nov 21 '18 at 10:33









user3211760user3211760

111




111













  • This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

    – LoicTheAztec
    Nov 22 '18 at 1:36



















  • This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

    – LoicTheAztec
    Nov 22 '18 at 1:36

















This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

– LoicTheAztec
Nov 22 '18 at 1:36





This can only be done with javascript / jQuery as it's a live event on client side. But it's going to be very complicated as checkout can be refreshed by many delegated JS events that will interact with your code.

– LoicTheAztec
Nov 22 '18 at 1:36












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53410153%2fdisable-place-order-until-user-checks-privacy-policy-in-woocommerce%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53410153%2fdisable-place-order-until-user-checks-privacy-policy-in-woocommerce%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

'app-layout' is not a known element: how to share Component with different Modules

android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

WPF add header to Image with URL pettitions [duplicate]