在 Woocommerce 结帐页面中显示添加费用的复选框

Question

在 Woocommerce 结帐页面中，我尝试在结帐页面上添加一个复选框

\n\n

我参考过这些文章

\n\n

woocommerce 自定义结帐字段添加费用以订购 ajax\n

\n\n

在 WooCommerce 中添加/删除自定义费用的复选框字段

\n\n

添加一个结账复选框字段，在 Woocommerce 中启用百分比费用\n

\n\n

add_action( \'woocommerce_review_order_before_order_total\', \'checkout_shipping_form_packing_addition\', 20 );\nfunction checkout_shipping_form_packing_addition( ){\necho \'<tr class="packing-select"><th>\';\nwoocommerce_form_field( \'add_gift_box\', array(\n    \'type\'          => \'checkbox\',\n    \'class\'         => array(\'add_gift_box form-row-wide\'),\n    \'label\'         => __(\'H\xe1\xbb\x97 tr\xe1\xbb\xa3 c\xc3\xa0i \xc4\x91\xe1\xba\xb7t\'),\n    \'placeholder\'   => __(\'\'),\n    ));\necho \'</th><td>\';}\n\nadd_action( \'wp_footer\', \'woocommerce_add_gift_box\' );\nfunction woocommerce_add_gift_box() {\nif (is_checkout()) {\n?>\n<script type="text/javascript">\njQuery( document ).ready(function( $ ) {\n    $(\'#add_gift_box\').click(function(){\n        jQuery(\'body\').trigger(\'update_checkout\');\n    });\n});\n</script>\n<?php\n}}\nadd_action( \'woocommerce_cart_calculate_fees\', \'woo_add_cart_fee\' );\nfunction woo_add_cart_fee( $cart ){\n    if ( ! $_POST || ( is_admin() && ! is_ajax() ) ) {\n    return;\n}\n\nif ( isset( $_POST[\'post_data\'] ) ) {\n    parse_str( $_POST[\'post_data\'], $post_data );\n} else {\n    $post_data = $_POST; // fallback for final checkout (non-ajax)\n}\n\nif (isset($post_data[\'add_gift_box\'])) {\n    $sl = WC()->cart->get_cart_contents_count();\n    $extracost = 50000 * $sl; // not sure why you used intval($_POST[\'state\']) ?\n    WC()->cart->add_fee( \'H\xe1\xbb\x97 tr\xe1\xbb\xa3 c\xc3\xa0i \xc4\x91\xe1\xba\xb7t x \'.$sl.\'\', $extracost );\n}}\nadd_filter( \'woocommerce_form_field\' , \'remove_order_comments_optional_fields_label\', 10, 4 );\nfunction remove_order_comments_optional_fields_label( $field, $key, $args, $value ) {\n// Only on checkout page for Order notes field\nif( \'add_gift_box\' === $key && is_checkout() ) {\n    $optional = \'&nbsp;<span class="optional">(\' . esc_html__( \'optional\', \'woocommerce\' ) . \')</span>\';\n    $field = str_replace( $optional, \'\', $field );\n}\nreturn $field;\n}\n

\n\n

它没有按照我想要的方式工作。我做错了什么？

\n\n

任何帮助表示赞赏。

\n

Answer 1

您确实需要将 Wordpress Ajax 与 WC_sessions 结合使用，使其像“添加在 Woocommerce 中启用百分比费用的结帐复选框字段”答案线程中那样工作。

这是您重新访问的代码：

// Display the custom checkbow field in checkout
add_action( 'woocommerce_review_order_before_order_total', 'fee_installment_checkbox_field', 20 );
function fee_installment_checkbox_field(){
    echo '<tr class="packing-select"><th>';

    woocommerce_form_field( 'installment_fee', array(
        'type'          => 'checkbox',
        'class'         => array('installment-fee form-row-wide'),
        'label'         => __('Support installation'),
        'placeholder'   => __(''),
    ), WC()->session->get('installment_fee') ? '1' : '' );

    echo '</th><td>';
}

// jQuery - Ajax script
add_action( 'wp_footer', 'checkout_fee_script' );
function checkout_fee_script() {
    // Only on Checkout
    if( is_checkout() && ! is_wc_endpoint_url() ) :

    if( WC()->session->__isset('installment_fee') )
        WC()->session->__unset('installment_fee')
    ?>
    <script type="text/javascript">
    jQuery( function($){
        if (typeof wc_checkout_params === 'undefined')
            return false;

        $('form.checkout').on('change', 'input[name=installment_fee]', function(){
            var fee = $(this).prop('checked') === true ? '1' : '';

            $.ajax({
                type: 'POST',
                url: wc_checkout_params.ajax_url,
                data: {
                    'action': 'installment_fee',
                    'installment_fee': fee,
                },
                success: function (result) {
                    $('body').trigger('update_checkout');
                },
            });
        });
    });
    </script>
    <?php
    endif;
}

// Get Ajax request and saving to WC session
add_action( 'wp_ajax_installment_fee', 'get_installment_fee' );
add_action( 'wp_ajax_nopriv_installment_fee', 'get_installment_fee' );
function get_installment_fee() {
    if ( isset($_POST['installment_fee']) ) {
        WC()->session->set('installment_fee', ($_POST['installment_fee'] ? true : false) );
    }
    die();
}


// Add a custom calculated fee conditionally
add_action( 'woocommerce_cart_calculate_fees', 'set_installment_fee' );
function set_installment_fee( $cart ){
    if ( is_admin() && ! defined('DOING_AJAX') || ! is_checkout() )
        return;

    if ( did_action('woocommerce_cart_calculate_fees') >= 2 )
        return;

    if ( 1 == WC()->session->get('installment_fee') ) {
        $items_count = WC()->cart->get_cart_contents_count();
        $fee_label   = sprintf( __( "Support installation %s %s" ), '&times;', $items_count );
        $fee_amount  = 50000 * $items_count;
        WC()->cart->add_fee( $fee_label, $fee_amount );
    }
}

add_filter( 'woocommerce_form_field' , 'remove_optional_txt_from_installment_checkbox', 10, 4 );
function remove_optional_txt_from_installment_checkbox( $field, $key, $args, $value ) {
    // Only on checkout page for Order notes field
    if( 'installment_fee' === $key && is_checkout() ) {
        $optional = '&nbsp;<span class="optional">(' . esc_html__( 'optional', 'woocommerce' ) . ')</span>';
        $field = str_replace( $optional, '', $field );
    }
    return $field;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。已在带有 Storefront 主题的 Woocommerce 版本 3.6.5 上测试并运行。