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

客戶要求我在商店頁面的每個 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; }  

如何新增此程式碼？

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

2 、 WordPress 4.9 後改進了主題編輯器，對於 CSS 程式碼也可開啟網站前臺編輯器的 【自定義】，複製程式碼新增到自定義 css 中。

此程式碼是否可用？

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