如何只在单个产品和产品存档页面呈现 WooCommerce 小数点？

php

2024-03-04 17:12:39

只在单个产品和产品存档页面优雅呈现 WooCommerce 小数点

问题陈述

如果您像我一样经营着 WooCommerce 商店，您可能会遇到一个问题：小数点样式应用于整个商店，包括结帐和电子邮件页面，即使您只想在单个产品和产品存档页面上使用它。这可能会造成混乱和不一致。

解决方案

幸运的是，有一个优雅的解决方案可以使用，它可以解决这个问题，让您在单个产品和产品存档页面上独享小数点样式。

修改过滤器

为了只在单个产品和产品存档页面应用小数点样式，我们需要修改过滤器。原来我们使用的是 formatted_woocommerce_price 过滤器，现在我们要将其替换为以下特定过滤器：

woocommerce_product_single_formatted_price：适用于单个产品页面
woocommerce_product_archive_formatted_price：适用于产品存档页面

添加条件判断

接下来，在函数中添加一个条件判断，以检查当前页面是否为单个产品页面或产品存档页面。这将确保小数点样式只应用于这些特定的页面。

只在满足条件时应用样式

如果页面是单个产品页面或产品存档页面，我们将应用小数点样式。否则，我们返回原始格式化价格。

示例代码

以下是更新后的代码：

// 只在单个产品或产品存档页面应用
add_filter( 'woocommerce_product_single_formatted_price', 'ts_woo_decimal_price', 10, 5 );
add_filter( 'woocommerce_product_archive_formatted_price', 'ts_woo_decimal_price', 10, 5 );

function ts_woo_decimal_price( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {
    // 只在单个产品或产品存档页面应用
    if ( is_product() || is_product_category() ) {
        $price_data = explode($decimal_separator, $formatted_price);
        return $price_data[0] . '<sup>' . $price_data[1] . '</sup>';
    }

    return $formatted_price;
}