白菜主题-产品分类与设置

本教程介绍如何创建产品分类，以及如何设置产品分类对应的产品列表页。

在本主题中，产品列表页不需要单独创建。只要创建了产品分类，系统就会自动生成对应的分类列表页。发布产品时选择对应分类后，产品会自动显示到该分类页面中。

也就是说，产品分类不仅用于管理产品归属，同时也决定了产品列表页的展示方式，例如列表样式、Banner 图片、筛选功能、手机端样式以及侧栏内容等。

进入后台：

文章 → 分类目录

即可管理产品分类与分类页面设置。

---

创建产品分类

在分类目录页面左侧，可以创建新的产品分类。

填写分类名称后，点击【添加分类】即可。

例如网站主营健身器材，可以先创建一个一级分类：

产品中心

然后在产品中心下面创建二级分类，例如跑步机、力量器械、功能训练、康复器械、户外器械等。

分类结构设置好之后，后续发布产品时，只需要选择对应分类，产品就会自动进入对应产品列表页。

如果网站产品较多，建议先把分类结构规划清楚，再开始批量发布产品。这样产品列表页会更清晰，访客也更容易找到对应产品。

---

编辑分类

在右侧分类列表中，找到需要设置的分类，点击【编辑】。

进入编辑页面后，可以看到该分类的基础信息和主题扩展设置。

基础信息包括分类名称、别名、父级分类和描述。主题扩展设置则用于控制当前分类列表页的样式、Banner、筛选、侧栏等显示效果。

---

分类名称与别名

分类名称就是前台显示的栏目名称。

例如分类名称填写为：

跑步机

那么前台产品列表页、分类导航和面包屑中都会显示“跑步机”。

别名主要用于生成分类链接，通常建议使用英文或拼音，例如：

paobuji

如果没有特殊需求，也可以使用系统自动生成的别名。

需要注意的是，网站上线后不建议频繁修改分类别名。分类别名会影响分类页面链接，修改后可能会影响已经收录的页面地址。

---

父级分类

父级分类用于建立分类层级。

例如可以将【产品中心】作为一级分类，然后把跑步机、力量器械、康复器械等分类设置为它的子分类。

这样前台产品结构会更加清晰，也方便用户通过分类浏览产品。

如果当前分类是一级分类，父级分类选择【无】即可。

如果当前分类属于某个上级栏目，就选择对应父级分类。

---

分类继承规则

主题支持父子分类配置继承。

当子分类某些设置为空时，会自动继承父分类的设置。

例如【产品中心】设置了 Banner 图片、列表样式和手机端样式，而【跑步机】分类没有单独设置这些内容，那么跑步机分类页会自动使用产品中心的配置。

这样可以减少重复设置。

通常建议先把一级分类设置完整，然后子分类只在有特殊需求时单独修改。

如果每个子分类都希望使用不同 Banner 或不同列表样式，也可以进入对应子分类单独设置。子分类一旦单独设置，就会优先使用自己的配置。

---

列表样式

列表样式用于控制当前分类页面的产品排列方式。

主题提供多种列表展示样式，例如产品四列、产品三列、新闻资讯等样式。

对于产品中心这类页面，通常建议选择产品类布局。产品数量较多时，可以使用四列布局，让页面在一屏内展示更多产品；如果产品图片较大、需要更突出单个产品，也可以选择三列布局。

不同分类可以设置不同列表样式。

例如产品中心可以使用四列产品布局，应用场景可以使用图文列表布局，新闻资讯则可以使用文章列表样式。

修改列表样式后，保存分类设置，前台分类页会自动按照新的样式显示。

---

缩略图高度

缩略图高度用于控制产品列表中图片区域的显示高度。

这里支持分别设置电脑端和手机端高度。

如果留空，系统会按照图片原始比例显示。

如果填写固定高度，例如电脑端设置为 260px，那么产品列表中的图片区域会统一按照该高度显示。

对于企业官网来说，建议所有产品的特色图片尽量保持统一比例。虽然主题可以自动适应不同尺寸的图片，但如果产品图片比例差异太大，列表页视觉上容易出现高低不一致的问题。

如果图片素材比较统一，可以设置固定高度，让列表更整齐。

如果图片素材差异较大，也可以留空，让系统按原图比例显示。

---

手机端列表样式

手机端列表样式用于控制产品分类页在手机访问时的展示方式。

由于手机屏幕宽度有限，电脑端适合的多列布局，在手机端不一定适合。因此主题提供了单独的手机端样式设置。

可以根据产品图片特点选择合适的手机端布局。

如果希望手机端一次显示更多产品，可以选择紧凑型样式；如果希望产品图片更大、更突出，可以选择大图样式。

修改后，只影响手机端页面，不影响电脑端显示效果。

---

Banner 图片

Banner 图片用于产品分类页顶部展示。

例如进入【产品中心】或【跑步机】分类页面时，页面顶部可以显示一张对应的横幅图，用于提升页面视觉效果。

点击【添加选项】，即可上传当前分类的 Banner 图片。

如果不同产品分类需要不同视觉展示，可以分别设置不同 Banner。

例如跑步机分类使用跑步机相关图片，力量器械分类使用力量训练相关图片。

如果子分类没有单独上传 Banner，则会自动继承父分类的 Banner 图片。

---

Banner 图片高度

Banner 图片支持设置电脑端和手机端高度。

如果不填写，系统会按照图片原始比例显示。

如果填写固定高度，系统会按照设置的高度进行展示。

建议同一网站的分类 Banner 保持统一尺寸和设计风格，这样不同分类之间切换时，页面视觉会更加稳定。

如果电脑端和手机端使用同一张 Banner，需要注意图片主体不要过于靠边，避免在手机端显示时被裁切。

---

产品筛选功能（多重筛选）

当产品数量较多时，可以开启产品筛选功能。

开启后，产品分类页顶部会显示筛选区域，访客可以根据分类、标签等条件快速筛选产品。

在分类编辑页面中，勾选：

显示文章多重筛选

即可开启当前分类的筛选区域。

如果当前分类产品数量较少，可以不启用筛选，让页面保持简洁。

如果产品数量较多，或者产品涉及品牌、型号、年份、应用场景等多个维度，建议开启筛选功能。

---

筛选菜单

开启多重筛选后，需要选择一个筛选菜单。

筛选菜单来自 WordPress 菜单。菜单中配置的项目，会作为前台筛选条件显示。

例如前台可以显示：

分类目录、标签、单选标签等筛选行。

用户点击某个筛选项后，系统会自动筛选符合条件的产品。

这个功能适合产品种类较多的网站，可以让访客更快找到目标产品，而不是一页一页翻找。

---

筛选标题与描述

筛选区域支持自定义标题和描述。

例如标题可以填写：

产品筛选

描述可以填写：

您可以选择下面的条件进行筛选产品

填写后，会显示在前台筛选区域顶部。

如果不填写，系统会使用默认显示内容。

---

重置按钮

重置按钮用于清空用户已经选择的筛选条件。

如果开启重置按钮，访客在选择多个条件后，可以点击【重置】恢复到默认产品列表。

对于筛选条件较多的产品页，建议开启重置按钮。

如果筛选条件很少，也可以选择不显示。

---

匹配规则

筛选功能支持分类、标签以及分类+标签的匹配规则。

默认建议使用标准模式，也就是满足任意一个所选条件即可显示结果。

这种模式适合大部分企业网站，筛选结果更容易覆盖到相关产品。

如果设置为更严格的匹配方式，系统会要求产品同时满足多个条件才显示结果。这样筛选会更精准，但如果产品分类和标签设置不完整，可能会导致筛选结果过少。

对于新手用户，建议保持默认标准模式，不要随意修改匹配规则。

尤其是分类匹配规则，如果当前分类下还有子分类，严格模式可能会影响子分类产品的查询结果。没有特殊需求时，保持默认即可。

---

独立侧栏小工具

分类页面支持独立侧栏设置。

勾选：

为此分类设置独立的侧栏小工具后，当前分类可以使用自己单独的侧栏内容。

开启后，需要进入：

外观 → 小工具

为该分类配置对应侧栏。

这个功能适合不同分类需要展示不同侧栏内容的情况。

例如产品中心可以显示产品分类、热门产品和联系方式；应用场景分类可以显示案例推荐、行业解决方案和联系表单。

如果没有特殊需求，建议保持关闭，使用默认产品侧栏即可。

---

产品列表页显示规则

产品列表页不需要手动创建。

当一个分类创建完成后，系统会自动生成该分类对应的列表页。

发布产品时，只要在文章编辑页面选择了对应分类，并且设置了产品图集，产品就会自动出现在对应分类列表中。

列表页中显示的产品封面，来自文章的【特色图片】。

列表页中显示的产品标题，来自文章标题。

点击产品后，会进入该产品的详情页。

因此，产品列表页的核心逻辑是：

分类控制列表页面。

产品选择分类后，自动进入对应列表。

分类设置决定当前列表页的展示样式。

---

设置建议

如果是第一次配置产品分类，建议先设置一级分类，例如产品中心。

先在一级分类中设置好列表样式、Banner 图片、手机端样式和筛选功能。

然后再创建子分类，例如跑步机、力量器械、康复器械等。

子分类如果不单独设置，就会自动继承产品中心的配置。

这样前期配置效率更高，后期如果某个分类需要单独展示，再进入该分类进行独立设置即可。

这种方式既能保持网站整体风格统一，也能让特殊分类拥有自己的独立展示效果。