在WooCommerce中选择产品权重后计算并显示新价格 [英] Calculate and show the new price after choosing the weight of the product in WooCommerce

问题描述

在WooCommerce中，我使用一个代码来显示牛排重量选择表单，保存选择数据，并在编辑订单和电子邮件通知时将这些数据显示在购物车、结账页面上。

// Display Custom Checkbox Field
add_action('woocommerce_product_options_general_product_data', 'steak_custom_field_add');
function steak_custom_field_add(){
    global $post;

    // Checkbox
    woocommerce_wp_checkbox(
        array(
            'id' => '_steak_checkbox',
            'label' => __('Steak Weight', 'woocommerce' ),
            'description' => __( 'If necessary, enable steak weight selection', 'woocommerce' )
        )
    );
}

// Save Custom Checkbox Field
add_action('woocommerce_process_product_meta', 'steak_custom_field_save');
function steak_custom_field_save($post_id){
    // Custom Product Checkbox Field
    $steak_checkbox = isset( $_POST['_steak_checkbox'] ) ? 'yes' : 'no';
    update_post_meta($post_id, '_steak_checkbox', esc_attr( $steak_checkbox ));
}

// Display Custom Select Box
add_action( 'woocommerce_before_add_to_cart_button', 'display_steak_custom_field', 0 );
function display_steak_custom_field() {
    global $product;

    // If is single product page and have the "steak_checkbox" enabled we display the field
    if ( $product->get_meta( '_steak_checkbox' ) === 'yes' ) {

        echo '<div class="steak_select_box">';

        $select = woocommerce_form_field( 'steak_custom_options', array(
            'type'          => 'select',
            'class'         => array('my-steak-select-box form-row-wide'),
            'label'         => __('Steak Weight'),
            'required'      => false,
            'return'       => false,
            'options'   => array(
                ''      => 'Select...',
                '300g'  => '300g',
                '400g'  => '400g',
                '500g'  => '500g',
                '600g'  => '600g',
                '700g'  => '700g',
                '800g'  => '800g',
                '900g'  => '900g',
                '1000g'  => '1000g'
            )
        ), '' );
        echo $select;
        echo '</div>';
    }
}

// Add as custom cart item data
add_filter( 'woocommerce_add_cart_item_data', 'add_custom_steak_cart_item_data', 10, 21 );
function add_custom_steak_cart_item_data($cart_item_data, $product_id, $variation_id ){

    if( isset( $_POST['steak_custom_options'] ) ) {
        $cart_item_data['steak_option'] = wc_clean( $_POST['steak_custom_options'] );
    }
    return $cart_item_data;
}

// Add custom fields values under cart item name in cart
add_filter( 'woocommerce_cart_item_name', 'steak_custom_field_add_cart', 10, 21 );
function steak_custom_field_add_cart( $item_name, $cart_item, $cart_item_key ) {
    if( ! is_cart() )
        return $item_name;

    if( isset($cart_item['steak_option']) ) {
        $item_name .= '<div class="my-steak-class"><strong>' . __("Steak Weight", "woocommerce") . ':</strong> ' . $cart_item['steak_option'] . '</div>';
    }
    return $item_name;
}

// Display custom fields values under item name in checkout
add_filter( 'woocommerce_checkout_cart_item_quantity', 'steak_custom_checkout_cart_item_name', 10, 21 );
function steak_custom_checkout_cart_item_name( $item_qty, $cart_item, $cart_item_key ) {
    if( isset($cart_item['steak_option']) ) {
        $item_qty .= '<div class="my-steak-class"><strong>' . __("Steak Weight", "woocommerce") . ':</strong> ' . $cart_item['steak_option'] . 'гр.</div>';
    }
    return $item_qty;
}


// Save chosen select field value to each order item as custom meta data and display it everywhere
add_action('woocommerce_checkout_create_order_line_item', 'save_order_item_steak_field', 10, 21 );
function save_order_item_steak_field( $item, $cart_item_key, $values, $order ) {
    if( isset($values['steak_option']) ) {
        $key = __('Steak Weight', 'woocommerce');
        $value = $values['steak_option'];
        $item->update_meta_data( $key, $value ,$item->get_id());
    }
}

add_action('wp_footer','add_footer_steak_script');
function add_footer_steak_script(){
    ?>
    <script>
       ( function( $ ) {
   $( document ).ready( function() {
       $(document).on('change', '#steak_custom_options' ,function() {
           $('.add_to_cart_button').data('steak_custom_options', this.value)
       });
   });
 }( jQuery ) );
    </script>
    <?php
}

但不幸的是，我不知道如何解决一个问题...

这种产品的价格是按100克计算的。最小订货量是300克。我需要的是，在选择产品的重量时，应该相应地计算该产品的最终成本。

例如：

for 300g - $regular_price * 3 = $new_price
for 500g - $regular_price * 5 = $new_price
for 1000g - $regular_price * 10 = $new_price

等

此产品的总成本应显示在每100克主价的旁边。

我认为这段代码对其他开发人员也很有用。如果你能帮忙，我会很高兴的！

推荐答案

调整产品价格，在购物车页面等。根据从下拉列表中选择的权重，添加以下代码

function my_before_calculate_totals( $cart ) {
    if ( is_admin() && ! defined( 'DOING_AJAX' ) )
        return;

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

    // Loop through cart items
    foreach ( $cart->get_cart() as $cart_item_key => $cart_item ) {     
        if( isset( $cart_item['steak_option'] ) ) {

            // Remove the last 2 zeros (100g becomes 1, 300g becomes 3, 1000g becomes 10, etc...)
            // Remove 'g' from grams
            // convert string to integer
            $chosen_weight = (int) str_replace( '00', '', str_replace('g', '', $cart_item['steak_option']) );

            // Get current price
            $current_price = $cart_item['data']->get_price();

            // Set new price, price is already known per 100g
            $cart_item['data']->set_price( $current_price * $chosen_weight );
        }
    }
}
add_action( 'woocommerce_before_calculate_totals', 'my_before_calculate_totals', 10, 1 );

要更改单一产品页面上的价格，请根据下拉菜单添加以下内容

function add_footer_steak_script() {
    global $woocommerce, $product;
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            console.log('JS works!');

            var price = <?php echo $product->get_price(); ?>, currency = '<?php echo get_woocommerce_currency_symbol(); ?>';

            $( '[name=steak_custom_options]' ).change(function(){
                if (!(this.value < 1)) {
                    var dropdown_val = this.value;
                    var remove_g = dropdown_val.replace( 'g', '' );
                    var remove_double_zero = remove_g.replace( '00', '' );

                    var product_total = parseFloat( price * remove_double_zero );

                    $( '.woocommerce-Price-amount' ).html( currency + product_total.toFixed(2));

                }
            });
        });
    </script>
    <?php
}
add_action('wp_footer','add_footer_steak_script');

这篇关于在WooCommerce中选择产品权重后计算并显示新价格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！