更新日期: 2017-10-27
编辑界面
Portfolio Element，主要可以用来创建产品分类页的时候，在页面中调用创建好的产品详情信息。
设置选项
General
选择不同的Layout之后，对应的选项也会有所不同：
在Casourel（跑马灯）的这种布局下，适合在某些位置展示某些特定的Feature Products之类的，对于完整的分类页，建议选择另外2种Layout，Grid或者Masonry。
- Picture Size，在产品分类页中展示的产品图片是编辑Portfolio的时候设置的Featrure Image 1， 建议统一每个产品的图片尺寸，然后在这个设置选项中设置为Fixed；选择Auto的时候，图片可能会自动裁切调整，展示出来的不一定是完整的图片
- Text Layout，是否给文字区域加上边框，在Casourel下面，这个选项似乎没起作用；
- Columns，列数设置，一行中展示几个portfolio
- Column Spacing，列之间的间距
- Posts Per Page，每页选择展示的数量
- Pull Posts By，选择文章是按照 category 还是 tag，默认选择 category
- Categories，选择要展示的是某个、某些或者是所有分类
- Exclude Categories，选择排除的，默认不改这个设置
- Post Offset，跳过几个文章不展示，默认不修改这个设置
- Carousel Layout，文字在图片下方 或者 文字在图片翻转 之后
- Carousel Scroll Items，跑马灯每次滚动的时候数量， 比如一页展示6个产品，但是这里设置的3，那就是每次新滚出来3个产品，还有3个从右边滚动到了最左边，默认也可以不设置
- Carousel Autoplay，是否开启跑马灯的自动滚动效果
- Carousel Show Navigation，左右箭头形状的导航指示 是否展示
- Carousel Mouse Scroll，是否可以用鼠标拖拽来进行滚动效果
- Element Visibility，默认不修改，此选项和适配移动端有关系，可参考《设置移动端适配》；
- CSS Class / CSS ID，默认不需填写内容，需要针对此内容进行单独的样式调整时才考虑使用这2个选项；
以下标红的设置选项是Carousel中没有的选项：
- Picture Size，在产品分类页中展示的产品图片是编辑Portfolio的时候设置的Featrure Image 1， 建议统一每个产品的图片尺寸，然后在这个设置选项中设置为Fixed；选择Auto的时候，图片可能会自动裁切调整，展示出来的不一定是完整的图片
- Text Layout，是否给文字区域加上边框，在Casourel下面，这个选项似乎没起作用；
- Columns，列数设置，一行中展示几个portfolio
- Column Spacing，列之间的间距
- Posts Per Page，每页选择展示的数量
- Portfolio Title Display，可选择展示 产品名称(title) 还是 产品名称及产品分类(title & category)
- Portfolio Text Alignment，文字的对齐方式
- Show Filters，是否展示 分类筛选器
- Pull Posts By，选择文章是按照 category 还是 tag，默认选择 category
- Categories，选择要展示的是某个、某些或者是所有分类
- Exclude Categories，选择排除的，默认不改这个设置
- Pagination Type，分页方式的选择，可以是 带有页码的分页、滚动屏幕无限加载、有个“Load More”的按钮
- Hide URL Parameter，这个功能很重要。分类页中的产品链接后面老是带有个多余的尾巴，在这里可以关掉，再也不用和之前老的版本一样去修改主题的PHP文件了
- Post Offset，跳过几个文章不展示，默认不修改这个设置
- Content Display，展示产品内容全文还是摘要
- Excerpt Length，摘要的长度
- Strip HTML，开启后，去除产品内容中的html代码，展示纯文字
- Element Visibility，默认不修改，此选项和适配移动端有关系，可参考《设置移动端适配》；
- CSS Class / CSS ID，默认不需填写内容，需要针对此内容进行单独的样式调整时才考虑使用这2个选项；
和Grid中相比，只是少了Picture Size的设置选项：
- Text Layout，是否给文字区域加上边框，在Casourel下面，这个选项似乎没起作用；
- Columns，列数设置，一行中展示几个portfolio
- Column Spacing，列之间的间距
- Posts Per Page，每页选择展示的数量
- Portfolio Title Display，可选择展示 产品名称(title) 还是 产品名称及产品分类(title & category)
- Portfolio Text Alignment，文字的对齐方式
- Show Filters，是否展示 分类筛选器
- Pull Posts By，选择文章是按照 category 还是 tag，默认选择 category
- Categories，选择要展示的是某个、某些或者是所有分类
- Exclude Categories，选择排除的，默认不改这个设置
- Pagination Type，分页方式的选择，可以是 带有页码的分页、滚动屏幕无限加载、有个“Load More”的按钮
- Hide URL Parameter，这个功能很重要。分类页中的产品链接后面老是带有个多余的尾巴，在这里可以关掉，再也不用和之前老的版本一样去修改主题的PHP文件了
- Post Offset，跳过几个文章不展示，默认不修改这个设置
- Content Display，展示产品内容全文还是摘要
- Excerpt Length，摘要的长度
- Strip HTML，开启后，去除产品内容中的html代码，展示纯文字
- Element Visibility，默认不修改，此选项和适配移动端有关系，可参考《设置移动端适配》；
- CSS Class / CSS ID，默认不需填写内容，需要针对此内容进行单独的样式调整时才考虑使用这2个选项；
Animation
图片的动态效果，提供7种可选：
- Bounce
- Fade
- Flash
- Rubberband
- Shake
- Slide
- Zoom
每一种动态效果都提供了一些参数进行调整，比如动画的进入方向、持续时间等，一般情况下，避免使用过多的不同形式的动画。
Avada版本
适用：Avada5.2.2