Создать или придать стиль переключателям (чтобы они выглядели как настоящие кнопки) - PullRequest
Новая
       8

Создать или придать стиль переключателям (чтобы они выглядели как настоящие кнопки)

0 голосов
/ 08 января 2019

Я использую плагин Woocommerce с депозитами - частичные платежи, этот плагин имеет 2 варианта, ползунок или переключатели, но мне нужно использовать обычные кнопки для обоих вариантов, депозита и полной оплаты ...

Вот как теперь выглядит с переключателями:

enter image description here

Так что мне нужно дать некоторый класс CSS для обоих вариантов «Pagar abono», что означает платный депозит, и «Pagar total», что означает полную оплату.

Вот код этой части: 

<div class="<?php echo $basic_buttons  ? 'basic-switch-woocommerce-deposits' 
 : 'deposit-options switch-toggle switch-candy switch-woocommerce-deposits'; 
?>">
    <input id='pay-deposit' name='<?php echo $product->get_id(); ?>-deposit- 
radio'
           type='radio' <?php checked($default_checked ,'deposit'); ?> 
 class='input-radio' value='deposit'>
    <label id="pay-deposit-label" for='pay-deposit'
           onclick=''><?php _e( $deposit_text , 'woocommerce-deposits' ); ?> 
</label>
    <?php if( isset( $force_deposit ) && $force_deposit === 'yes' ){ ?>
        <input id='pay-full-amount' name='<?php echo $product->get_id(); ?>- 
deposit-radio'  type='radio'
               class='input-radio'
               disabled>
        <label id="pay-full-amount-label" for='pay-full-amount'
               onclick=''><?php _e( $full_text , 'woocommerce-deposits' ); ? 
></label>
    <?php } else{ ?>
        <input id='pay-full-amount' name='<?php echo $product->get_id(); ?>- 
deposit-radio'
               type='radio' <?php checked($default_checked ,'full'); ?> 
class='input-radio' value='full'>
        <label id="pay-full-amount-label" for='pay-full-amount'
               onclick=''><?php _e( $full_text , 'woocommerce-deposits' ); ? 
></label>
    <?php } ?>
    <a class='wc-deposits-switcher'></a>
</div>

Примерно так:

enter image description here

Есть идеи, как этого добиться? Большое спасибо.

...