如何获取woocommerce价格属性

Question

我试图在 woocommerce 单品页面上获取以下信息，以替换 woocommerce 的默认价格样式。

当商品打折时，我希望能够获得原价和折扣价，并在潜水中呼应以进一步造型。我正在努力实现这样的目标。

<div id="orig-price">Original Price: <?php echo $price; ?></div>
<div id="sale-price">Sale Price: <?php echo $sale-price; ?></div>
<div id="saved">You saved: <?php $saved=$price-$saleprice; echo $saved; ?></div>

我尝试打开 price.php，但没有找到我要查找的内容。这是我得到的。

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

    <p class="price"><?php echo $product->get_price_html(); ?></p>

    <meta itemprop="price" content="<?php echo $product->get_price(); ?>" />
    <meta itemprop="priceCurrency" content="<?php echo get_woocommerce_currency(); ?>" />
    <link itemprop="availability" href="http://schema.org/<?php echo $product->is_in_stock() ? 'InStock' : 'OutOfStock'; ?>" />
    <div><?php echo $sale_price_in_percent; ?></div>

</div>

我在正确的地方吗？有谁知道我如何访问这些属性？

谢谢

Answer 1

这可以通过覆盖 woocommerce 模板来实现。创建一个新的 PHP 文件，在该文件中写入您的 div 结构。

现在在How to override template in WooCommerce上参考这篇文章

希望这会让你朝着正确的方向前进

Answer 2

显示价格的主要函数是/woocommerce/includes/abstracts/abstract-wc-product.php文件中的get_price_html()，并且有一些过滤器允许用户自定义价格的html：

• woocommerce_sale_price_html
• woocommerce_price_html
• woocommerce_empty_price_html
• woocommerce_free_sale_price_html
• woocommerce_free_price_html
• woocommerce_get_price_html

这个函数完成了显示价格（包括税收和销售计算）的完整工作，并且由于您完全重写了 html，下面的示例使用了最后一个过滤器 woocommerce_get_price_html。它从原始 HTML 中提取价格并将它们插入到新的 HTML 结构中。

add_filter( 'woocommerce_get_price_html', function( $price, $product ) 
{ 
    global $woocommerce_loop;

    // check if we are in single product page, in main section, and if product has price and is on sale
    if ( is_product() && !isset( $woocommerce_loop ) && $product->get_price() && $product->is_on_sale() ) {

        // collect prices from $price html string
        $prices = array_map( function( $item ) {        
            return array( $item, (float) preg_replace( "/[^0-9.]/", "", html_entity_decode( $item, ENT_QUOTES, 'UTF-8' ) ) );           
        }, explode( ' ', strip_tags( $price ) ) );

        $price = isset( $prices[0][0] ) ? '<span class="orig-price">Original Price: ' . $prices[0][0] . '</span>' : '';
        $price .= isset( $prices[1][0] ) ? '<span class="sale-price">Sale Price: ' . $prices[1][0] . '</span>' : '';

        if ( $product->get_regular_price() ) {
            // set saved amount with currency symbol placed as defined in options
            $price .= '<span class="saved">You saved: ' . sprintf( get_woocommerce_price_format(), get_woocommerce_currency_symbol(), $prices[0][1] - $prices[1][1] ) . '</span>';      
        }
    }

    return $price;

}, 10, 2 );

我在这里使用 span 标签而不是有问题的 div，因为输出仍然包含在一个段落中。如需进一步自定义，请将 price.php 模板放在 /themes/yourtheme/woocommerce/single-product/ 文件夹中。