用短代码显示选定的WooCommerce变化格式价格

Question

我已经创建了这段代码，可以在网站上的任何页面上显示价格，这是由woocommerce控制的。

add_shortcode( 'hhs_product_price', 'hhs_woo_product_price_shortcode' );

function hhs_woo_product_price_shortcode( $atts ) {

    $atts = shortcode_atts( array(

        'id' => null

    ), $atts, 'hhs_product_price' );
 

    if ( empty( $atts[ 'id' ] ) ) {

        return '';

    }

    $product = wc_get_product( $atts['id'] );

    if ( ! $product ) {

        return '';

    }

    return $product->get_price_html();
} 

我想做的是修改代码，这样如果客户选择了一个变化的产品。然后价格变化以显示变化价格。例如，现在如果一个人选择了一种产品，在这种情况下是一个酊剂瓶，价格变化与瓶子的大小有关。在产品页面上，他们看到以下内容：-

产品（酊剂）30美元-50美元

从下拉菜单中，他们可以选择10mg瓶（$30）、15mg瓶（$40）或20mg瓶（$50）。因此，如果一个人选择20mg选项，价格应该显示为50美元，而不是30-50美元

我已经看过很多关于stackoverflow的帖子，上面都有类似的问题，但是这些解决方案中没有一个适合我

• 显示可变产品价格
• 我们得到了不同的产品价格

任何帮助都会被大量占用。

非常感谢。

Answer 1

要显示从可变产品的变体中选择的产品价格，需要jQuery。因此，以下短代码将处理所有产品类型，包括可变产品及其价格变化：

add_shortcode( 'product_price', 'display_formatted_product_price' );
function display_formatted_product_price( $atts ) {
    extract(shortcode_atts( array(
        'id' => null
    ), $atts, 'product_price' ) );

    global $product;

    if( ! empty($id) || ! is_a($product, 'WC_Product') ) {
        $product = wc_get_product( empty($id) ? get_the_id() : $id );
    }

    $price_html = $product->get_price_html();

    // Others product types than variable
    if ( ! $product->is_type('variable') ) {
        return '<span class="product-price">' . $price_html . '</span>';
    }
    // For variable products
    else {
        ob_start();

        ?>
        <script type="text/javascript">
        jQuery( function($){
            var p = '<?php echo $price_html; ?>', s = 'span.product-price';

            $( 'form.variations_form.cart' ).on('show_variation', function(event, data) {
                $(s).html(data.price_html); // Display the selected variation price
            });

            $( 'form.variations_form.cart' ).on('hide_variation', function() {
                $(s).html(p); // Display the variable product price range
            });
        });
        </script>
        <?php

        return ob_get_clean() . '<span class="product-price">' . $price_html . '</span>';
    }
}

代码进入函数。活动子主题（或活动主题）的php文件。测试和工作。

用途：

使用[product\u price]或在php代码中使用echo do\u快捷码（“[product\u price]”）。

您还可以定义产品id，如（例如，产品id37）：[product\u price id=“37”]