商业Java版 ThinkInShop

  1. 主页
  2. 文档
  3. 商业Java版 ThinkInShop
  4. 操作手册
  5. 2.9.6.5 DIY模板新增轮播图组件

2.9.6.5 DIY模板新增轮播图组件

在DIY模板->编辑模板【基础组件】列表界面中,拖动“轮播图”组件至手机预览图界面或单击基础组件下【轮播图】组件,在轮播图设置区域:上传轮播图片、选择模板形式、颜色,保存成功,该DIY模板新增轮播图组件成功。

如图所示:.9.6.5

说明:

  • 选择模板:控制轮播图是否有前置背景;
  • 上传图片:图片最多上传10张,图片每页展示20张,展示商品库所有图片,也可从本地上传;
  • 轮播图可更改展示顺序,图片的排列顺序与移动端轮播图播放顺序一致;
  1. “标题”可作为图片标记,不在移动端呈现;
  2. “链接”可选择商品、分类、店铺、自定义;

商品:跳转指定商品详情界面;

分类:跳转商品分类呈现界面;

店铺:跳转对应店铺主页;

自定义:跳转指定内链地址界面,自定义链接配置营销插件链接,当营销插件不开启或者没有该营销插件时,移动端该组件不展示;

  • 添加板块:添加新的导航图片,达到最大轮播图数量时隐藏;
  • 前景颜色:选择多图模板2才会存在,可配置轮播图左右两侧的前景颜色;
  • 背景颜色:轮播图组件的背景色;
  • 指示点默认颜色:轮播图没选中的指示点呈现颜色;
  • 指示点选中颜色:轮播图选中的指示点呈现颜色;
  • 指示点背景色:指示点的背景颜色;
  • 图片倒角:控制轮播图圆角或直角呈现;
  • 轮播图高度:轮播图组件高度,默认140px(注意:高度会影响轮播图在首页的呈现);
  • 左右边距: 轮播图组件与手机屏幕的左右间距,默认10px,最大100px,最小0px;
  • 页面间距:轮播图组件与上一个组件或屏幕顶部的距离,默认0px,最大100px;
  • 轮播图组件可添加若干个;
  • 轮播图组件不可添加视频;