计算 WooCommerce 中单个产品页面上数量增量的小计

Question

我使用以下代码来计算 WooCommerce 中单个产品页面上数量增量的小计。这个效果很好

/**
 * @snippet       Calculate Subtotal Based on Quantity - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 4.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_add_to_cart_button', 'bbloomer_product_price_recalculate' );
 
function bbloomer_product_price_recalculate() {
   global $product;
   echo '<div id="subtot" style="display:inline-block;">Total: <span></span></div>';
   $price = $product->get_price();
   $currency = get_woocommerce_currency_symbol();
   wc_enqueue_js( "      
      $('[name=quantity]').on('input change', function() { 
         var qty = $(this).val();
         var price = '" . esc_js( $price ) . "';
         var price_string = (price*qty).toFixed(2);
         $('#subtot > span').html('" . esc_js( $currency ) . "'+price_string);
      }).change();
   " );

}

我希望仅当 WooCommerce 产品数量（在产品页面中）超过 1 时，计算出的小计才会显示/起作用，有什么建议吗？

Answer 1

在 if 条件中使用以下

var qty = $( this ).val();

。如果大于1..

所以你得到：

function action_woocommerce_after_add_to_cart_button() {
    global $product;
    
    echo '<div id="subtot" style="display:inline-block;"><span></span></div>';
    
    $price = $product->get_price();
    $currency = get_woocommerce_currency_symbol();
    
    wc_enqueue_js( "      
        $( '[name=quantity]' ).on( 'input change', function() {
            var qty = $( this ).val();
            var price = '" . esc_js( $price ) . "';
            var price_string = ( price*qty ).toFixed(2);
            
            // Greater than
            if ( qty > 1 ) {
                $( '#subtot > span').html( 'Total: " . esc_js( $currency ) . "' + price_string );
            } else {
                $( '#subtot > span').html( '' );                
            }
        }).change();
    " );
}
add_action( 'woocommerce_after_add_to_cart_button', 'action_woocommerce_after_add_to_cart_button', 10, 0 );

Answer 2

试试这个

add_action( 'woocommerce_after_add_to_cart_button', 'bbloomer_product_price_recalculate' );
 
function bbloomer_product_price_recalculate() {
   global $product;

   if( $product->get_stock_quantity() > 1 ) {
        echo '<div id="subtot" style="display:inline-block;">Total: <span></span></div>';
        $price = $product->get_price();
        $currency = get_woocommerce_currency_symbol();
        wc_enqueue_js( "      
        $('[name=quantity]').on('input change', function() { 
            var qty = $(this).val();
            var price = '" . esc_js( $price ) . "';
            var price_string = (price*qty).toFixed(2);
            $('#subtot > span').html('" . esc_js( $currency ) . "'+price_string);
        }).change();
        " );
   }
}

Answer 3

这似乎只适用于单个产品页面。我有一个可变的产品，关于如何解决这个问题有什么建议吗？