Woocommerce 标题下有可变价格，但保留价格直至选择可变价格

Question

我目前正在使用这篇文章中的代码

https://stackoverflow.com/a/40120814

我知道这是非常古老的 WP 和 Woo 的非常古老的代码。 所以也许现在有更好的方法。

但是它似乎仍然有效，但我想保留标题下方的起始价格，直到显示变量后显示变化价格。

我有一个额外的代码用于执行起始价格

add_filter('woocommerce_variable_sale_price_html', 'custom_variation_price_format', 10, 2);
add_filter('woocommerce_variable_price_html', 'custom_variation_price_format', 10, 2);

function custom_variation_price_format($price, $product) {
    // Get the available variations prices
    $variation_prices = $product->get_variation_prices(true);

    // Get the minimum price
    $min_price = current($variation_prices['price']);
    $min_price_html = wc_price($min_price);

    // Add "From" before the price
    $price = sprintf(__('From: %s', 'woocommerce'), $min_price_html);

    return $price;
}

然后是上面链接的帖子中的组合代码

/** Hide Variable prices */
add_filter( 'woocommerce_variable_sale_price_html', 'bbloomer_variation_price_format', 10, 2 );

add_filter( 'woocommerce_variable_price_html', 'bbloomer_variation_price_format', 10, 2 );

function bbloomer_variation_price_format( $price, $product ) {

 if (is_product()) {
    return $product->get_price();
 } else {
        // Main Price
        $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
        $price = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

        // Sale Price
        $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
        sort( $prices );
        $saleprice = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

        if ( $price !== $saleprice ) {
        $price = '<del>' . $saleprice . '</del> <ins>' . $price . '</ins>';
        }
        return $price;
         }

}

// show variation price
add_filter('woocommerce_show_variation_price', function() {return true;});

//override woocommerce function
function woocommerce_template_single_price() {
    global $product;
    if ( ! $product->is_type('variable') ) { 
        woocommerce_get_template( 'single-product/price.php' );
    }
}

function shuffle_variable_product_elements(){
    if ( is_product() ) {
        global $post;
        $product = wc_get_product( $post->ID );
        if ( $product->is_type( 'variable' ) ) {
            remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
            add_action( 'woocommerce_before_variations_form', 'woocommerce_single_variation', 20 );

            remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
            add_action( 'woocommerce_before_variations_form', 'woocommerce_template_single_title', 10 );

            remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
            add_action( 'woocommerce_before_variations_form', 'woocommerce_template_single_excerpt', 30 );
        }
    }
}
add_action( 'woocommerce_before_single_product', 'shuffle_variable_product_elements' );

但是，我想要做的是保留起始价格，但在选择所有变体后将其替换为可变价格，希望我的图像能够更好地解释这一点。

谢谢

Answer 1

下面的代码片段可以做到这一点。它在我的网站上运行良好。如果它不适合您，您应该尝试更改变量和变化价格类别。

add_action( 'woocommerce_variable_add_to_cart', 'gs_change_variable_price' );
function gs_change_variable_price() {
    global $product;
    $price = $product->get_price_html();
    wc_enqueue_js( "     
        $(document).on('found_variation', 'form.cart', function( event, variation ) {   
            if(variation.price_html) {
                $('.summary > p.price').html(variation.price_html);
                $('.woocommerce-variation-price').hide();
            }
        });
        $(document).on('hide_variation', 'form.cart', function( event, variation ) {   
            $('.summary > p.price').html('" . $price . "');
        });
    " );
}