在 WooCommerce 中选择变体销售价格后显示折扣百分比

Display discount percentage after the selected variation sale price in WooCommerce

下面的代码显示了用户选择变体后的变体选择价格

add_filter( 'woocommerce_show_variation_price', 'filter_show_variation_price', 10, 3 );
function filter_show_variation_price( $condition, $product, $variation ){
    if( $variation->get_price() === "" ) return false;
    else return true;
}

我需要计算显示的促销价与正常价之间的折扣百分比。但只有在选择变体之后,而不是之前(因为我会通过 css 删除之前显示的价格)。

我认为接近但还没有。

所有下面的代码仅适用于单个产品页面上的可变产品。

我之前制作的链接答案中的第二个代码非常完美。我做了一些小改动以仅针对可变产品。

我添加了一个额外的挂钩函数,该函数将仅删除可变产品标题下显示的价格。

这是所有需要的代码:

// Always Display the selected variation price for variable products (already working)
add_filter( 'woocommerce_show_variation_price', 'filter_show_variation_price', 10, 3 );
function filter_show_variation_price( $condition, $product, $variation ){
    if( $variation->get_price() === "" ) return false;
    else return true;
}

// Remove the displayed price from variable products in single product pages only
add_action( 'woocommerce_single_product_summary', 'remove_the_displayed_price_from_variable_products', 9 );
function remove_the_displayed_price_from_variable_products() {
    global $product;

    // Just for variable products
    if( ! $product->is_type('variable') ) return;

    // Remove the displayed price from variable products
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
}

// Display the selected variation discounted price with the discounted percentage for variable products
add_filter( 'woocommerce_format_sale_price', 'woocommerce_custom_sales_price', 10, 3 );
function woocommerce_custom_sales_price( $price, $regular_price, $sale_price ) {
    global $product;

    // Just for variable products on single product pages
    if( $product->is_type('variable') && is_product() ) {
    
        // Getting the clean numeric prices (without html and currency)
        $regular_price = floatval( strip_tags($regular_price) );
        $sale_price = floatval( strip_tags($sale_price) );
    
        // Percentage calculation and text
        $percentage = round( ( $regular_price - $sale_price ) / $regular_price * 100 ).'%';
        $percentage_txt = __(' Save ', 'woocommerce' ).$percentage;
    
        return '<del>' . wc_price( $regular_price ) . '</del> <ins>' . wc_price( $sale_price ) . $percentage_txt . '</ins>';
    }
    return $price;
}

代码进入您的活动 child 主题(或主题)的 functions.php 文件或任何插件文件。

此代码已经过测试,大部分仅适用于 WooCommerce 版本 3+