产品列表组件基本操作设置

产品列表：实现所有产品的多种排版的分页展示，一般应用在系统页面的产品列表页面上，有时也会用在首页展示一些核心产品，展示所有的产品，展示方式比较多样化。

基本操作如图:

注意：

1.产品列表上的链接在后台是无法跳转的，点击保存预览里才可以哦。

2.除非公司自身需求以外最好选择所有产品数据，以防出现产品显示不全的情况！

基本设置如图：

常见问题：

 Q： 产品图片变形太丑不美观如何调整？

 A:    产品图片的宽与高的比例与产品列表组件中设置的图片宽与高的比例不符导致的，可以直接到产品列表组件中去设置一个绝大多数产品图片都适合的比例，然后再修改少部分的图片尺寸为同样的比例就可以解决。

 Q:    怎么改一行显示几张产品图片呢？

 A：   在产品列表设置-》风格-》设置响应式变化不同宽度的图片数量，填入您想放置一行图片的数字就可以。

  Q：   为什么我后台设置了产品，但是前台没有显示呢？

  A：   通常情况下，首先要确定这个产品是上架状态，通过以下步骤找到这个产品来确认：内容--》产品管理--》管理产品--找到产品，查看上架状态；然后，到需要显示这个产品的页面，找到”产品列表“组件，到组件的设置中看一下这个产品所属的分组是否没有选中，如果没有展示的话，就需要选中。

设置好组件的以上设置以后，可以根据需要使用此组件的以下功能，以下是所有组件的通用功能：

1、如何编辑组件的样式？

组件的“编辑样式”功能主要可以编辑此组件的以下内容：组件尺寸、组件背景、组件边框、组件边距、文字字号、颜色等。

组件的“编辑样式”功能，操作入口如下（所有组件的“编辑样式”功能操作入口都是一样的，以文章分类组件为例）：

2、如何复制组件？

通过组件的复制功能，可以快速拷贝出一个同原组件一模一样的组件，然后在这个组件的基础上再做局部的修改，这样省时省力省心。注意：通过复制组件生成的新组件，同原组件没有关系，单独编辑/删除其中一个组件不会影响到另一个组件。此功能经常用于页面上要展示多个同类的组件，先设置好一个组件，然后通过复制组件功能将内容样式等设置项全部拷贝过去，然后再简单修改即可实现不同的内容。

组件的“复制组件”功能，操作入口如下图所示（所有组件的“复制组件”功能操作入口都是一样的，以快速导航组件为例）：

3、如何应用组件？

通过组件的“应用组件”功能，可以将当前页面的组件应用到其他页面上，因为原理上它们是同一个组件，所以在任何被应用到的页面上编辑/删除组件时，被应用的页面会一起变化，这个是“应用组件”和“复制组件”最本质的区别。此功能经常用于面包屑导航、产品分类组件、文章分类组件等。被应用过去的组件会出现在页面的最底端，可以用鼠标左键按住组件名称拖动到需要的位置。

组件的“应用组件”功能，操作入口如下（所有组件的“应用组件”功能操作入口都是一样的，以文章分类组件为例）：

4、如何删除组件？

如果确定不需要这个组件了，可以通过“删除组件”按钮把此组件删除掉，被删除的组件会默认放到组件回收站中。

组件的“删除组件”功能，操作入口如下（所有组件的“删除组件”功能操作入口都是一样的，以快速导航组件为例）：

5、如何恢复组件？

如果需要恢复已经删除的组件，可以到组件回收站中，找到对应的组件，然后执行【还原】操作，即可恢复此组件到原有的页面上，通常会位于页面的最底端。

恢复组件入口：所有组件的恢复功能操作入口都是一样的，如下图所示：