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

WooCommerce:在购物车和结算页面显示所购产品总重量

更新日期:2021-11-02

扫码加入 读者学习群

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )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插件中插入下面的php代码段,不需要任何额外插件就能实现这个功能,真棒棒~

woocommerce display weight cart checkout

代码如下:



add_action( 'woocommerce_before_checkout_form', 'bbloomer_print_cart_weight' );
add_action( 'woocommerce_before_cart', 'bbloomer_print_cart_weight' );
  
function bbloomer_print_cart_weight() {
   $notice = 'Your cart weight is: ' . WC()->cart->get_cart_contents_weight() . get_option( 'woocommerce_weight_unit' );
   if ( is_cart() ) {
      wc_print_notice( $notice, 'notice' );
   } else {
      wc_add_notice( $notice, 'notice' );
   }
}

说明:我在使用这个代码段后,在页面上看到重量信息时,页面布局有点错乱,这个时候需要有一点CSS代码知识,这个应该跟主题插件的使用有关,所以此处我没办法给出一个统一的答案。

在woodmart主题中,我在主题的custom css中新增了如下代码来解决布局的问题。

.woocommerce-info
{width:100%;
}
点赞
0 / 5 5

Your page rank:

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