專注於企業網站架設,分享WordPress教學和Elementor教學
架設網站,就和我一起用Cloudways超快獨享主機,免費試用3天,註冊輸入優惠碼:LOYSEO,可享2個月7折,成為正式用戶,可聯繫我領取禮品哦

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郵箱,註冊易通過