WooCommerce 教程：在每個商品頁面（迴圈）中新增文字

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

以下是 WooCommerce Shop 頁面的外觀：

在每個產品下顯示 “免費送貨” 的 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 中文論壇提問，會有專業技術團隊提供相關幫助。