在WooCommerce中自定义所选的产品变化价格

Question

基本上我试图找出变量数据的计算位置，并在用户选择时显示在html中。这是my shop link。

我所指的具体价格：

基本上我想知道插入这些数据的位置以及我可以在哪里修改它。

数据由模板single-product/add-to-cart/variation.php中的某些JS导入：

<div class="woocommerce-variation-price">
    {{{ data.variation.price_html }}}
</div>

我的最终目标是简单地修改销售和销售方式。显示价格，可以在其前面添加 Price: 和 Sale: 等字样。

WP版本：4.9.1
WC版本：3.2.6
主题：Flatsome3 v3.3.9

Answer 1

使用以下挂钩功能，您可以为所有产品类型的产品销售时为每个价格添加前缀：

// Prefix the selected variation prices When discounted for variable products (on sale)
add_filter( 'woocommerce_format_sale_price', 'prefix_variations_selected_prices', 10, 3 );
function prefix_variations_selected_prices( $price, $regular_price, $sale_price ) {
    global $product;

    // Just for variable products on single product pages
    if( $product->is_type('variable') && is_product() ) {

        // Custom texts
        $price_txt =  __( 'Price', 'woocommerce' ) . ': ';
        $sale_txt = __(' Sale', 'woocommerce' ).': ';

        return '<del>' . $price_txt . wc_price( $regular_price ) . '</del> <ins>' . $sale_txt . wc_price( $sale_price ) . '</ins>';
    }
    return $price;
}

代码放在活动子主题（或活动主题）的function.php文件中。

经过测试和工作。

你会得到类似的东西：

基于这个类似的答案：
Display discount percentage after the selected variation sale price in WooCommerce