客户要求我定製 WooCommerce 附帶的產品類別小工具。她只想顯示當前類別及其子類別。

問題:想從 “WooCommerce 產品類別” 窗口小工具隱藏非當前類別

WooCommerce:在窗口小工具中隱藏當前的類別

CSS 片段:從 WooCommerce 產品類別小工具中隱藏非當前類別

// Add this to your style.css or child theme. And say thanks to CSS and its ":not" selector!  .woocommerce aside.widget_product_categories ul.product-categories > li:not(.current-cat) { display:none; }  

更好的 CSS 片段:從 WooCommerce 產品類別小工具中隱藏非當前類別。也適用於子類別!

.woocommerce aside.widget_product_categories ul.product-categories > li:not(.active) {     display: none; }  


可以在哪裏添加此代碼?

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


這段代碼是否正常可用?

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


需要關於 WooCommerce 的幫助?

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