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 用户也希望您的參與。