### 模板样式预览

- 模板名称：

{$html}
组件库（拖拽想要添加的组件）

##### 复用（可多次使用的组件）

- 自定义海报
- 轮播广告
- 快捷入口
- 商品列表
- 橱窗
- 文本导航
- 营销活动
- 优惠券
- 新闻
- 轮播商品
- 视频
- 图文列表
- 富文本
- 单文本

##### 单选（单页面仅可使用一次）

- 搜索栏
- 滚动公告
- 底部菜单
- 多门店店铺

组件样式
自定义海报设置

样式选择 :
  自适应高度
  固定高度

下间距 :px
建议宽度750px，高度400px
如尺寸不达标，图片将自适应显示
链接设置
添加链接目标
请先上传图片
建议宽度750px，高度自适应
高度超过750px，将裁剪超出部分
链接设置
添加链接目标
请先上传图片
轮播图广告设置
轮播间隔 :
3s

- 3s
- 4s
- 5s
- 6s

下间距 :px

- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片

新建目标
快捷入口设置(建议上传80*80正方形 大小不超过2M的图片)
样式选择 : 正方形圆形
下间距 :px

新建目标
商品列表设置
列表排版样式

显示布局 :
  橱窗式
  列表式
  海报式

商品数量 :
  4个
  6个
  8个
  自定义数量

下间距 :px
列表详情设置

列表名称 :
  显示
  隐藏

商品排序 :
销量从高到低

- 销量从高到低
- 销量从低到高
- 价格从高到低
- 价格从低到高
- 更新时间由近到远
- 更新时间由远到近

- 列表名称 : 4/8
  选取商品 :
    按条件选取
    手动添加
- 列表名称 : 4/8
  选取商品 :
    按条件选取
    手动添加
- 列表名称 : 4/8
  选取商品 :
    按条件选取
    手动添加

新建目标
橱窗设置
橱窗样式选择

下间距 :px

- 建议宽度750zpx，高度312px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①

- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②

- 建议宽度246px，高度210px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度246px，高度210px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度246px，高度210px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③

- 建议宽度372px，高度234px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度372px，高度114px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度372px，高度114px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③

- 建议宽度750px，高度180px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度372px，高度180px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度372px，高度180px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③

- 建议宽度183px，建议宽度183px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度183px，建议宽度183px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度183px，建议宽度183px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③
- 建议宽度183px，建议宽度183px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ④

- 建议宽度372px，高度360px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度372px，高度204px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度183px，高度150px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③
- 建议宽度183px，高度150px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ④

- 建议宽度372px，高度360px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度750px，高度180px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度372px，高度177px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③
- 建议宽度372px，高度177px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ④

- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ①
- 建议宽度372px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ②
- 建议宽度375px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ③
- 建议宽度375px，高度216px
  如尺寸不达标，图片将自适应显示
  链接设置
  添加链接目标
  请先上传图片
  ④

文本导航设置
文字设置
字体位置 :
靠左
居中
靠右
背景颜色 :
字体颜色 :
下间距 :px
字体大小 :
px

- 公告标签 : 4/20
  链接设置 :
  添加链接目标

轮播多图
列表排版样式

商品数量 :
  3个
  6个
  9个
  自定义数量

下间距 :px
列表详情设置

列表名称 :
  显示
  隐藏

商品排序 :
销量从高到低

- 销量从高到低
- 销量从低到高
- 价格从高到低
- 价格从低到高
- 更新时间由近到远
- 更新时间由远到近

- 列表名称 : 4/8
  选取商品 :
    按条件选取
    手动添加

富文本
组件设置
背景颜色:
下间距 :px

图文列表
排列样式
左图右文
左文右图
上下单图
上下双图
上下三图
下间距 :px
组件数据 自定义数据，也可以从新闻列表选取。双图以上不支持

- 建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  标题 : 4/20

  简介 :

  0/200
  链接设置 :
  添加链接目标
  选择新闻链接

- 建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  标题 : 4/20

  简介 :

  0/200
  链接设置 :
  添加链接目标
  选择新闻链接

- 建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  标题 : 4/20

  简介 :

  0/200
  链接设置 :
  添加链接目标
  选择新闻链接

- 建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  标题 : 4/20

  简介 :

  0/200
  链接设置 :
  添加链接目标
  选择新闻链接

- 建议宽度540px，高度380px
  如尺寸不达标，图片将自适应显示
  建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  建议宽度540zpx，高度380px
  如尺寸不达标，图片将自适应显示
  标题 : 4/20

  简介 :

  0/200
  链接设置 :
  添加链接目标
  选择新闻链接

营销活动菜单栏设置
营销活动 :
拼团

- 拼团
- 秒杀

下间距 :px

列表名称 :
  不使用
  使用
  0/10

显示布局 :
  橱窗式
  列表式

新闻板块
下间距 :px

新闻数量 :
  2个
  4个
  6个
  8个

- 新闻主题名称 : 4/8
  新闻列表添加:

优惠券设置

优惠券样式 :
  样式1
  样式2

下间距 :px
优惠券 :
＋添加优惠券本组件最多支持显示3张优惠券
搜索栏设置

- 登录
- 登录
- 登录

店铺头部设置
下间距 :px

- 店铺名称收藏
  一句话介绍你的店铺
- 店铺名称收藏
  一句话介绍你的店铺
  - 126 全部商品
  - 5642 收藏数量
  - 28 新品上市
- 店铺名称
  收藏
  - 126 全部商品
  - 5642 收藏数量
  - 28 新品上市
- 店铺名称
  一句话介绍你的店铺
  收藏
- 店铺名称收藏

底部设置
组件数据 图标建议尺寸：140px*140px 最多支持扩展5个底部

新建目标
行业:
风格:
模板封面

模板封面效果图

TpShop商城

保 存
链接目标

- 链接地址：
    http://
    无连接
- 选择页面：
    商城首页
    购物车
    优惠券中心
    拼团页面
    限时秒杀
    商品分类
    会员中心
    积分商城
    我的分销
    加盟分销商
- 一级分类 :
  二级分类 :
  三级分类 :
- - 商品编码
  - 商品名称
  - 商品图片
  - 商品分类
  - 商品价格
  - 商品库存
  - {$vo.goods_id}
  - {$vo.goods_name}
  - {$vo.cat_id}
  - {$vo.shop_price}
  - {$vo.store_count}
  1/{$count} > <
- 选择页面：
    {$vo.template_name}
- - 新闻id
  - 新闻标题
  - 新闻图片
  - 新闻分类
  - 发布时间
  - {$vo.article_id}
  - {$vo.title}
  - {$vo.cat_name}
  - {$vo.publish_time|date="Y-m-d",###}
  1/{$count_new|default="1"} > <

取消 确定
选择商品

- - 商品编码
  - 商品名称
  - 商品图片
  - 商品分类
  - 商品价格
  - 商品库存
  - {$vo.goods_id}
  - {$vo.goods_name}
  - {$vo.cat_id}
  - {$vo.shop_price}
  - {$vo.store_count}
  1/{$count} > <

取消 确定
选择新闻

- - 新闻id
  - 新闻标题
  - 新闻图片
  - 新闻分类
  - 发布时间
  - {$vo.article_id}
  - {$vo.title}
  - {$vo.cat_name}
  - {$vo.publish_time|date="Y-m-d",###}
  1/{$count_new|default="1"} > <

取消 确定
优惠券列表 (首页仅可发放领取类型为免费领取且发放起始时间小于当前时间的优惠券)

- {$vo.name}
- {$vo.money}
- 满{$vo.condition}使用
- {$vo.use_type_title}

取消 确定
拼团商品
+ 新增拼团
刷新

- TPshop百人团汽车
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

- TPshop百人团汽车
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

- TPshop百人团汽车
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

首页 上一页 1 下一页 尾页 跳转
取消 确定
秒杀商品
+ 新增秒杀
刷新

- TPshop汽车秒杀
- 2000.00
- 100
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

- TPshop汽车秒杀
- 2000.00
- 100
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

- TPshop汽车秒杀
- 2000.00
- 100
- 2017-12-04 00:00:00 至 2017-12-05 00:00:00

首页 上一页 1 下一页 尾页 跳转
取消 确定
按条件选取商品
商品分类
{$vo.mobile_name}

- {$vo2.mobile_name}

价格
至 元
商品标签

- 不设置
- 推荐
- 新品
- 热卖

取消 确定