WooCommerce 教程：如何隱藏類別從產品分類短碼

有時解決方案很簡單，您不需要火箭科學來解決您的問題！我的客户需要從產品類別短碼（[product_categories number =“12”columns =“4”]）中隱藏某個類別，因為該特定的父類別與其他類別無關。一個罕見的問題，但再次快速修復！這是您做的事情。

1. 轉到您的 WordPress 儀表板/產品/產品類別，並將您的隱藏的類別拖到底部

我們這樣做的原因很簡單。我們不想混淆 woocommerce 類別循環佈局; 通過將隱藏的類別移動到最後，它將自動顯示為循環中的最後一個。因此，它不會影響以下類別的佈局（因為沒有）。

為了證明這一點，只需跳到第 2 步，應用我的 CSS，看看是否單獨混淆了您的類別的佈局。如果是，您現在將明白為什麼您需要先執行步驟 1 。

2. 應用此 CSS 片段（但首先，轉到您的 WordPress 儀表板/產品/產品類別並計算您的類別

/* If the hidden-to-be category is in position #16... */  .woocommerce ul.products li:nth-of-type(16) { display: none; }  

或者，根據我們的讀者建議：

/* If the hidden-to-be category is in last position... */  .woocommerce ul.products li:last-of-type { display: none; }  

請注意：此 CSS 將在您的 WooCommerce 網站的絕對每一頁都包含一個循環。您必須非常小心，因為您嘗試刪除類別時可能會最終將產品隱藏在另一個頁面上。要確保您定位到特定頁面，請確保使用以下 CSS：

/* hides on homepage*/ .home .woocommerce ul.products li:last-of-type { display: none; }  /*hides on specific page or post id*/ .post-987 .woocommerce ul.products li:last-of-type { display: none; }  

---

可以在哪裏添加此代碼？

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

---

這段代碼是否正常可用？

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

---

需要關於 WooCommerce 的幫助？

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