客戶要求我在商店頁面的每個 WooCommerce 產品下新增 “免費送貨” 通知。這可以提高您的點選率,從而提高您的銷售轉化率。這裡有幾個 PHP 和 CSS 片段,以便您可以實現有用的編輯。

以下是 WooCommerce Shop 頁面的外觀:

免費送貨通知給 WooCommerce Shop Loop

在每個產品下顯示 “免費送貨” 的 PHP 程式碼段:

 // Add Free Shipping Under Each Product  function show_free_shipping () { echo '<p class="loopfree">Free Shipping</p>'; } add_action('woocommerce_after_shop_loop_item','show_free_shipping', 20);  

和一些 CSS 風格有點:

 .loopfree { text-transform: uppercase; color: red; font-size: 13px; }  


可以在哪裡新增此程式碼?

您可以將 PHP 程式碼片段放置在主題或子主題的 functions.php 檔案的底部(如果是 CSS 程式碼,請新增到主題的 style.css 檔案底部),修改之前建議先備份原始檔案,若出現錯誤請先刪除此程式碼。


這段程式碼是否正常可用?

或者是您有更好的解決方案想要分享?請到薇曉朵 WooCommerce 中文論壇留言告知,我們希望可以幫到更多國內的 WooCommerce 使用者也希望您的參與。


需要關於 WooCommerce 的幫助?

請觀看我們提供的免費影片教程或到薇曉朵 WooCommerce 中文論壇提問,會有專業技術團隊提供相關幫助。