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 用户也希望您的参与。