专注于外贸建站,分享WordPress教程和Elementor教程
不用充值便可免费试用3天的Cloudways超快独享主机,独家优惠码:LOYSEO,前2个月可优惠30%,感谢你的互惠互助

如何在WooCommerce产品列表中展示变体产品的最低价格

更新日期:2022-02-09

扫码加入 读者学习群

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免费试用3天的Cloudways超快独享主机,独家优惠码:LOYSEO,前2个月可优惠30%
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Share on facebook
Share on twitter
Share on linkedin

我们在用WooCommerce进行外贸建站时,如果销售的某产品存在多种属性且价格不同,那么在产品列表和产品详情中查看到该产品价格将会是一个区间,格式是:最低价~最高价。如果你希望在产品列表页中仅展示产品的最低价,而在产品详情页还保持区间价展示,那么下面这段代码就能够实现你的需求。

首先,请安装Code Snippet插件

然后,添加一个snippet,将下方代码复制进去

// Show only lowest prices in WooCommerce variable products

add_filter( 'woocommerce_variable_sale_price_html', 'wpglorify_variation_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'wpglorify_variation_price_format', 10, 2 );
 
function wpglorify_variation_price_format( $price, $product ) {
    if (is_product_category() ) {
 
// Main Price
$prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
$price = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
 
// Sale Price
$prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
sort( $prices );
$saleprice = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
 
if ( $price !== $saleprice ) {
$price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>';
}
	}
return $price;
}

添加完后就是下图所示的模样。

image

查看更多WooCommerce教程

点赞
0 / 5 5

Your page rank:

超快独享主机
Cloudways
免费试用3天,无需充值
费用月结 | 不用一次性付整年
*注册优惠码Promo code:LOYSEO
*用Gmail邮箱,注册易通过