我想实现一个复选框图标,与Botiga theme相同的方式.
我已经添加了一个代码片段,并且会出现一个附加的复选框"Policy Terms".
但是我不明白关于css,复选框是不可见的.
我认为问题出在这里:
<input type="checkbox" class="input-checkbox woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="privacy_policy" id="privacy_policy" value="1">
它应该是:
<input type="checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="privacy_policy" id="privacy_policy" value="1">
我不知道如何删除"Input-CheckBox"值类属性.
以下是我的代码片段:
add_action( 'woocommerce_checkout_after_terms_and_conditions', 'add_privacy_block', 9 );
function add_privacy_block() {
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' => 'Я прочитал и согласен с <a href="https://genreeds.ru/politic-conf/"><b>политикой конфиденциальности</b></a>',
));
}
add_action( 'woocommerce_checkout_process', 'privacy_checkbox_error_message' );
function privacy_checkbox_error_message() {
if ( ! (int) isset( $_POST['privacy_policy'] ) ) {
wc_add_notice( __( 'Вам необходимо отметить галочкой, что вы ознакомлены с политикой конфиденциальности' ), 'error' );
}
}
这是the linked page with this issue美元.
我可以制作一个标准的复选框,但我需要更改上面主题附带的复选框.
如果显示带有"Botiga"的附加复选框,可能更容易实现这一点?
我认为解决办法很简单,但我没有足够的知识.如有任何帮助,我们不胜感激.
最新情况:
Variant 1个
如果我将"LABEL_CLASS_DISABLED"添加到代码段,则会出现该复选框.但他有一个不同的设计,标准.
Variant 2个
对策略进行编码复选框
下面是复选框代码的工作方式