Project Description

更新日期: 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