有时解决方案很简单,您不需要火箭科学来解决您的问题!我的客户需要从产品类别短码([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 中文论坛提问,会有专业技术团队提供相关帮助。