實用的 WordPress ICP 備案許可管理器

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

有時解決方案很簡單,您不需要火箭科學來解決您的問題!我的客戶需要從產品類別短碼 ([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; }  

如何新增此程式碼?

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

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

此程式碼是否可用?

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

文章沒看懂?程式碼不會用?需要幫助您可以

阿呆 的頭像