Показать скрыть поле «Примечания к заказу» на основе флажка в оформлении заказа Woocommerce

Question

На странице оформления заказа в Woocommerce есть флажок «отправить на другой адрес», и я хотел бы, чтобы при его выборе, было скрыто order_comments поле (примечания к заказу) .Если флажок снят снова, поле order_comments должно быть видно (не скрыто) .

Возможно ли это в functions.php?

Answer 1

Следующий код будет скрывать поле раздела «Примечания заказа», если установлен флажок «доставка по другому адресу», и наоборот:

add_action( 'wp_footer', 'checkout_custom_script_js');
function checkout_custom_script_js() {
    // Only on front-end and checkout page
    if( is_checkout() && ! is_wc_endpoint_url() ) :
    ?>
    <script>
    jQuery(function($){
        $('form.checkout').on( 'change', '#ship-to-different-address-checkbox', function(){
            if( $(this).prop('checked') === true )
                $('#order_comments_field').hide(); // Show
            else
                $('#order_comments_field').show(); // Hide
        })
    });
    </script>
    <?php
    endif;
}

Код добавляется в файл function.php вашей активной дочерней темы (или активная тема) .Проверено и работает.