We defined a "checkbox" field in the WooCommerce Checkout Add-Ons Extension. The checkbox is created with the "hidden" class so it does not show to the customer. Here is the HTML that is generated:
<p class="form-row form-group" id="wc_checkout_add_ons_7_field" data-priority=""><label class="checkbox hidden" > <input type="checkbox" class="input-checkbox form-control" name="wc_checkout_add_ons_7" id="wc_checkout_add_ons_7" value="1" /> I do not wish to receive monthly e-newsletter</label></p>
You can recreate by going to https://animaldoor.com/shop, adding any product and proceeding to checkout. The checkbox field is below the "Personal information and payment" title on the page and above the How did you hear about Us? field.
I forgot to mention that switching the theme to Storefront allows the check box to be seen normally. Attached is a screen shot of the Check Out field definitions. Let me know if you need a login setup.
Please note that this is not a theme issue and we are not responsible for 3rd party plugins used to customize your site which are not officially supported by the theme.
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
We defined a "checkbox" field in the WooCommerce Checkout Add-Ons Extension. The checkbox is created with the "hidden" class so it does not show to the customer. Here is the HTML that is generated:
<p class="form-row form-group" id="wc_checkout_add_ons_7_field" data-priority=""><label class="checkbox hidden" >
<input type="checkbox" class="input-checkbox form-control" name="wc_checkout_add_ons_7" id="wc_checkout_add_ons_7" value="1" /> I do not wish to receive monthly e-newsletter</label></p>
You can recreate by going to https://animaldoor.com/shop, adding any product and proceeding to checkout. The checkbox field is below the "Personal information and payment" title on the page and above the How did you hear about Us? field.
I forgot to mention that switching the theme to Storefront allows the check box to be seen normally. Attached is a screen shot of the Check Out field definitions. Let me know if you need a login setup.
Hi there,
I have found a fix by using CSS, paste the following code in your Custom CSS area:
.checkbox.hidden { visibility: visible !important; display: block !important; } .checkbox.hidden .input-checkbox { margin: 0px !important; height: auto; position: relative !important; display: inline-block !important; width: auto !important; line-height: 0 !important; margin-right: 10px !important; }Please note that this is not a theme issue and we are not responsible for 3rd party plugins used to customize your site which are not officially supported by the theme.
Best regards,
Laborator Team
Art,
Thank you very much for your time, trouble and the fix. Works great!
You're welcome
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance!
Best regards,
Laborator Team