WooCommerce:在購物車和結算頁面顯示所購產品總重量

更新日期:2023-08-25
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠

註冊時填寫優惠碼LOYSEO

享前3個月7折

免去實名認證
自動帶入優惠
免費試用3 天
可領獨家福利
獨家福利

三選一

相關架設網站教學

在使用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 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在架設網站領域有著超過15年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~