有時解決方案很簡單,您不需要火箭科學來解決您的問題!我的客戶需要從產品類別短碼 ([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; }
如何新增此程式碼?
1 、您可以將 PHP 程式碼片段放置在主題或子主題的 functions.php 檔案的底部 (如果是 CSS 程式碼,請新增到子主題的 style.css 檔案底部) 修改之前建議先備份原始檔案,若出現錯誤請先刪除此程式碼。
2 、 WordPress 4.9 後改進了主題編輯器,對於 CSS 程式碼也可開啟網站前臺編輯器的 【自定義】,複製程式碼新增到自定義 css 中。
此程式碼是否可用?
如需幫助或是您有更好的方案想分享?請到薇曉朵 WooCommerce 中文論壇留言告知,我們希望可以幫到更多國內的 WooCommerce 使用者也希望您的參與。