▶ 【网站建设】产品对比功能

产品对比功能支持将多个产品进行横向对比展示，用户可根据产品的规格、参数等信息快速查看不同产品之间的差异，帮助访客更直观地了解产品特点并做出选择，提升网站产品展示效果和用户体验。

效果如下（点击播放视频查看）：

设计师在设置产品对比功能时，需要用到后台的扩展集功能和前台的表格列表功能。以手机产品和参数举例演示，具体操作如下：

1，在CMS管理后台，产品管理-扩展字段里，点击扩展集-创建新的扩展集。扩展集用于设置产品的对比参数。

2，设置扩展集的名称，该名称不会在网站上展示，仅用于管理员在后台编辑时使用。选择所属分类，即当前扩展集里的参数适用于哪个分类的产品。

3，点击添加扩展组。

4，设置扩展组的名称。扩展组的名称会显示在网站上，他相当于是参数的类别名称。比如手机的屏幕的参数里有屏幕尺寸、屏幕刷新率和屏幕特色，那这三个参数就属于一个扩展组，组名称可以设置为“屏幕”。

5，在创建好的扩展组里，点击添加扩展属性。

6，如果网站里已经有产品属性标签了，可以直接勾选。如果没有，可以添加新建扩展属性。

7，在弹窗里设置属性标签和提示文本。点击确定即可。

8，为扩展组选好属性后，会在扩展组列表里展示，后期可以修改和删除。按照这个流程，把其他扩展组及其属性都设置好。

9，在产品列表-产品编辑里，点击扩展字段。

10，扩展字段里，会匹配当前产品所属分类对应的扩展集，展示扩展集里各个扩展组下的属性。针对当前产品，把属性的值添加好即可。

11，在前台UI编辑器，选择表格列表添加到页面上。（目前仅表格列表支持产品对比功能）

12，表格列表的对比功能，默认是隐藏的，可以在项管理里，把加入对比设置显示。

13，设置显示对比后，在每个产品前，会有个加入对比的图标。

14，最后，在页面管理-母版管理里，有个产品对比页，这是对比页的模版样式。设计师可以自行更换banner图和标题。对比列表的组件目前不支持修改。

15，这样设置完成后，就是一开始视频中演示的对比效果。