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

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

我們這樣做的原因很簡單。我們不想混淆 woocommerce 類別迴圈佈局; 透過將隱藏的類別移動到最後,它將自動顯示為迴圈中的最後一個。因此,它不會影響以下類別的佈局(因為沒有)。

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

WooCommerce:從短碼中隱藏一個類別

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 中文論壇提問,會有專業技術團隊提供相關幫助。