常用工具
预览效果
导入代码
导出代码
清空画布
242
242
配置面板
图层面板
历史记录
[
画布层
]
删除
复制
基础配置
左侧距离
*
顶部距离
*
模块宽度
*
模块高度
*
链接地址
*
点击热点区域后进入的页面地址
打开窗口
当前窗口
新窗口
(
"锚点"
链接设置为 当前窗口)
文本内容
打开窗口
原窗口
新窗口
链接地址
文字内容___手动换行输入
<br>
字体风格
字体颜色
字体大小
字体名称
系统默认
Arial
Impact
Georgia
Comic Sans MS
Courier New
Helvetica
Lucida Grande
Fixedsys
Lucia Console
Microsoft Sans Serif
Tahoma
Times New Roman
Verdana
宋体
黑体
微软雅黑
幼圆
隶书
文字加粗
不加粗
500
600
700
800
900
文本样式
文本行高
文字样式
删除线
无
底划线
对齐方式
左对齐
中间对齐
右对齐
链接配置
链接地址
打开窗口
原窗口
新窗口
正面文字
字体颜色
字体大小
背景颜色
是否加组
标准
500
600
700
800
字体名称
系统默认
Arial
Impact
Georgia
Comic Sans MS
Courier New
Helvetica
Lucida Grande
Fixedsys
Lucia Console
Microsoft Sans Serif
Tahoma
Times New Roman
Verdana
宋体
黑体
微软雅黑
幼圆
隶书
对齐方式
左对齐
中间对齐
右对齐
文字内容
反面文字
字体颜色
字体大小
背景颜色
是否加组
标准
600
700
800
字体名称
系统默认
Arial
Impact
Georgia
Comic Sans MS
Courier New
Helvetica
Lucida Grande
Fixedsys
Lucia Console
Microsoft Sans Serif
Tahoma
Times New Roman
Verdana
宋体
黑体
微软雅黑
幼圆
隶书
对齐方式
左对齐
中间对齐
右对齐
文字内容
显示位置
所有层上面
默认层
默认层上面 可以添加热区链接
选择类型
视频
大雪花
小雪花
视频: 大雪花 小雪花
视频地址
*
视频地址获取方法:
1.在模板中添加基础模块的自定义内容区
2.点击插入视频按钮弹出已购买的视频
3.选择已购买的视频双击插入到自定义中
4.切换为源码模式,复制生成的代码到此
图片尺寸
自动匹配尺寸
图片地址
链接地址
打开窗口
原窗口
新窗口
开关灯特效
开关灯效果:
开关灯效果
开启
关闭
透明度
10
20
30
40
50
60
70
关灯 遮罩层透明度 透明度值越大 颜色越黑
图片地址:
链接地址:
打开窗口:
原窗口
新窗口
宝贝地址
*
复制宝贝详情页的地址到此
按钮图片
默认显示图片
切片图片
鼠标选中显示图片
自适应宽度 和高度 无需输入
旺旺群号
显示风格
风格1
风格2
风格3
风格4
旺旺ID
输入旺旺账号,子账号格式
旺旺账号:XXX
注意冒号是小写符号
显示风格
真人头像
大头像
小头像
是否分流
不分流
分流
在线旺旺
显示
隐藏
头像图片
brandId
*
点教程查看教程
关注图片
按钮图片
(默认显示的图片)
切换图片
鼠标经过切换的图片
关注数字
关注数量
不显示
按钮上面
按钮下面
文字字体
系统默认
Arial
Comic Sans MS
Courier New
Helvetica
Lucida Grande
Fixedsys
Georgia
Lucia Console
Microsoft Sans Serif
Tahoma
Times New Roman
Verdana
宋体
黑体
微软雅黑
幼圆
隶书
文字大小
文字颜色
默认数字
数字后缀
文字加粗
默认
500
600
700
800
900
间距
数字距离关注图片距离
图片尺寸
45
50
60
70
80
90
100
140
类型
天猫商品
天猫店铺
集市商品
集市店铺
微淘
宝贝ID
*
(宝贝类型需设置)宝贝链接地址
店铺ID
*
(店铺类型需设置)店铺收藏地址
微淘ID
*
(微淘类型需设置)微淘二维码图片地址或微淘主页地址
店铺收藏获取方法
字体颜色
字体大小
是否加组
标准
加粗
文本行高
移动方向
向上
向下
向左
向右
移动像素
值越大越快
间隔时间
数字:1-10值越大越慢
文字内容
输入文字内容
基础属性
店铺地址
背景图片
*
搜索页面
默认搜索页
宝贝列表页
默认搜索
样式配置
文字颜色
文字大小
文字字体
系统默认
Arial
Impact
Georgia
Comic Sans MS
Courier New
Helvetica
Lucida Grande
Fixedsys
Lucia Console
Microsoft Sans Serif
Tahoma
Times New Roman
Verdana
宋体
黑体
微软雅黑
幼圆
隶书
文字加粗
默认
500
600
700
800
900
收藏类型
收藏类型
宝贝收藏
店铺收藏
店铺收藏获取方法
店铺收藏
*
复制店铺收藏链接地址到此(店铺收藏类型需设置)
宝贝链接
*
复制宝贝详情页地址到此(宝贝收藏类型需设置)
收藏图片
默认收藏图片
为空 显示透明图片
选中显示图片
为空 不显示
风格样式
橙色
蓝色
宝贝详情网址
淘宝升级完成 天猫不支持 分享和 喜欢功能
图片尺寸自适应
分享类型
店铺分享
宝贝分享
首页网址
宝贝详情网址
分享图片
淘宝升级完成 天猫不支持 分享和 喜欢功能
背景图片
背景定位
不固定--[常用配置]
固定
背景显示
不平铺--[常用配置]
平铺
上下平铺
左右平铺
背景对齐
上对齐--[常用配置]
中对齐
下对齐
HTML内容
锚点名称
定义一个锚点,必须以字母开头且整个页面内不能重复
正面图片
反面图片
链接地址
打开窗口
原窗口
新窗口
开关灯
开启
关闭
-*-*-*-*-CSS3动画设置(IE9以下不支持)-*-*-*-*-
切换特效
无
渐隐渐现
从上往下
从下往上
从左到右
从右到左
旋转显示
出现缩放
鼠标移至图层时触发-切换图片的特效
动画时间
0.1s
0.1s
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
内容超出
显示
不显示
关注图片
关注图片
品牌ID
*
点教程查看教程
优惠劵图片
图片地址
优惠劵链接
结束时间
结束时间
输入到期时间如2014-5-12 0:0:0
结束后内容
样式配置
文字颜色
文字加粗
不加粗
400
500
600
700
800
字体大小
字体名称
Impact
Times New Roman
微软雅黑
黑体
楷体
宋体
隶书
幼圆
georgia
Arial
Verdana
显示类型
X天
X时
X分
X秒
X天X时X分X秒
X时X分X秒
X分X秒
X时X分
x天X时X分
推荐---X时X分X秒-天天倒计时效果
显示方式
仅数字
带文字
间距调整
数字宽度
数字高度
天-时间距
时-分间距
分-秒间距
触点配置
触点宽度
触点高度
触点内容(HTML)
弹出内容
弹出宽度
弹出高度
弹出内容(HTML)
弹出位置
中-弹出层中心
上中==
上左
上右
下中==
下左
下右
左中==
左上
左下
右中==
右上
右下
水平偏移
(大于0向右,小于0向左)
垂直偏移
(大于0向下,小于0向上)
基础属性
宝贝地址
*
自动读取宝贝信息
图片尺寸
100X100
120X120
160X160
200X200
210X210
220X220
240X240
290X290
宝贝图片
宝贝图片
宝贝标题
打开窗口
原窗口
新窗口
标记图片
图片尺寸:40x40,留空为默认
宝贝信息
弹出位置
中-弹出层中心
上中==
上左
上右
下中==
下左
下右
左中==
左上
左下
右中==
右上
右下
水平偏移
(<0左移,>0右移)
垂直偏移
(<0上移,>0下移)
显示风格
只显示图片
样式1
样式2
边框样式
实线
虚线
点状
双线
原价
现价
销量
价格前标
颜色配置
边框颜色
配置图片
图片地址
*
每张图片用|隔开
切换图片
*
鼠标经过切换的图片,每张用|隔开
目标链接
*
每个链接用|分隔
高级配置
边框粗细
边框颜色
边框样式
实线
虚线
点状
双线
以下CSS3特效需要
IE9以上
版本的浏览器支持
切换特效
无
渐隐渐现
从上往下
从下往上
从左到右
从右到左
旋转显示
出现缩放
鼠标移至图层时触发-切换图片的特效
动画时间
0.1s
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
翻页按钮设置
翻页按钮
显示
鼠标划入显示
隐藏
上一页X
上一页Y
按钮图片
上一页按钮图片地址
下一页X
下一页Y
按钮图片
下一页按钮图片地址
缩略图按钮设置
缩略图按
显示
鼠标划入显示
隐藏
缩略图宽
*
缩略图高
*
缩略图
缩略图链接或者色号,多个用|隔开
切换图
鼠标移动到缩略图按钮切换的图片
遮罩效果
关闭
启用
遮罩颜色
按钮间隔
排列方式
自动
1列
2列
3列
4列
5列
6列
7列
8列
边框粗细
边框颜色
轮播特效
轮播方式
淡隐淡现
垂直滚动
水平滚动
隐藏效果
停留时间
10秒
9秒
8秒
7秒
6秒
5秒
4秒
3秒
2秒
1秒
手动
动画特效
简单滚动
简单匀速
快到慢-弱
快到慢-强
慢到快-弱
慢到快-强
动感弹性
抖动变幻
变幻抖动
来回晃动
动感弹跳
动感抖动
触发方式
鼠标经过触发
鼠标点击触发
配置图片
轮播数量
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
轮播嵌套
1
2
3
4
轮播【1】
轮播数量
轮播运行时的动画效果
无动画
渐隐渐现
水平滚动
垂直滚动
编辑固定内容
公告:新版完成支持左侧固定 代码导入 配置好 再导出 就可以了
店铺类型
天猫
淘宝旺铺
显示位置
浏览器左侧1.0双十一如果左侧接口不稳定 选择此项
左侧
右侧
顶部
底部
====浏览器左上
浏览器左下
=====浏览器右上
浏览器右下
偏离左侧
位置为左侧时,距离中间内容的距离;位置为浏览器左下or左上时,距离浏览器左侧距离。
偏离右部
位置为右侧时,距离中间内容的距离;位置为浏览器右下or右上时,距离浏览器右侧距离。
距离顶部
距离顶部的距离(除位置为底部都生效)。
距离底部
距离底部的距离(仅位置为底部生效)。
模块配置
模块样式
垂直手风琴
水平手风琴
触发方式
点击触发
鼠标经过触发
打开标题
显示
隐藏
默认打开面板
第1屏
第2屏
第3屏
第4屏
第5屏
第6屏
第7屏
第8屏
第9屏
第10屏
手风琴数量
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
----------调整面板尺寸-----------
模块宽度
*
标题高度
*
轮播箭头
显示
鼠标划入显示
隐藏
轮播小图
显示
鼠标划入显示
隐藏
小图背景
显示
隐藏
轮播数量
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
轮播参数
切换方式
自动切换
手动切换
切换特效
由快到慢 - 强
由慢到快 - 强
动感弹性
变幻抖动
抖动变幻
来回震动
动感弹跳
动感抖动
由慢到快 - 弱
由快到慢 - 弱
原始简单滚动
原始简单均速
轮播特效
无
渐隐渐现
水平滚动
垂直滚动
停留时间
10秒
9秒
8秒
7秒
6秒
5秒
4秒
3秒
2秒
1秒
翻页按钮
上一页X
上一页Y
按钮图片
上一页按钮图片地址
下一页X
下一页Y
按钮图片
下一页按钮图片地址
小图背景
背景X
背景y
宽度W
高度W
背景颜色
透明度
10
20
30
40
50
60
70
80
90
100
轮播内容【1】
轮播大图内容
缩略图X
缩略图Y
缩略图宽
缩略图高
轮播小图
背景图片
背景颜色
格式:#ffffff。(不填为透明)
背景定位
不固定--[常用配置]
固定
背景显示
不平铺--[常用配置]
平铺
上下平铺
左右平铺
背景对齐
上对齐--[常用配置]
中对齐
下对齐
3.0超级版工具上线啦!点击进入!
功能更强大 交互更好 免费的哦!快快看看我吧
基础属性
宝贝链接
*
图片地址
打开窗口
原窗口
新窗口
宝贝信息
图片尺寸
480
460
400
350
310
290
300
250
240
230
220
200
180
160
120
100
80
显示风格
隐藏
价格
销量
标题
价格+销量
标题+销量+价格
标题+价格
宝贝标题
宝贝原价
折扣价
销量
二维码
隐藏
鼠标选中显示
一直显示
颜色配置
价格颜色
原价颜色
标题颜色
销量颜色
打开窗口
原窗口
新窗口
图片地址
链接地址
图片地址
宝贝详情地址
链接配置
默认图片
切换图片
鼠标经过切换的图片
目标连接
点击热点区域后进入的页面地址
开关灯
开启
关闭
图层透明
90%透明
80%透明
70%透明
60%透明
50%透明
40%透明
30%透明
20%透明
10%透明
不透明
透明
超出隐藏
隐藏
显示
CSS3特效
以下CSS3特效需要
IE9以上
版本的浏览器支持
渐隐渐现
上->下
下->上
左->右
右->左
旋转消失
缩放
以上换图动画效果,鼠标移动到单个图层上触发
渐隐
渐现
正转30度
正转60度
正转90度
正转120度
正转180度
正转360度
反转30度
反转60度
反转90度
反转120度
反转180度
反转360度
缩小0.5
缩小0.9
缩小消失
放大1.1倍
放大1.2倍
边框变圆
边框变方
顶部消失
上移50px
上移100px
上移150px
上移200px
底部消失
下移50px
下移100px
下移150px
下移200px
左侧消失
左移50px
左移100px
左移150px
左移200px
右侧消失
右移50px
右移100px
右移150px
右移200px
以上动画为鼠标移动到单个图层上触发
以下动画在鼠标移动到模块上触发
渐隐
渐现
正转30度
正转60度
正转90度
正转120度
正转180度
正转360度
反转30度
反转60度
反转90度
反转120度
反转180度
反转360度
缩小0.5
缩小0.9
缩小消失
放大显示
放大1.1倍
放大1.2倍
顶部进入
顶部消失
上移50px
上移100px
上移150px
上移200px
底部进入
底部消失
下移50px
下移100px
下移150px
下移200px
左侧进入
左侧消失
左移50px
左移100px
左移150px
左移200px
右侧进入
右侧消失
右移50px
右移100px
右移150px
右移200px
旋转消失
旋转显示
扭曲消失
扭曲显示
-*-*-动画时间-秒(请只选择一个,不选则为1秒)-*-*-
动画时间
0.1s
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
弹出设置
弹出位置
中
上
下
左
右
左上
左下
右上
右下
内容宽度
内容高度
如果设置HTML代码就不用"编辑内容"
水平偏移
大于0向右,小于0向左
垂直偏移
大于0向下,小于0向上
[画布层_0]
1.【背景固定】
固定背景编辑模式 产生错位现象 导出代码 到店铺装修发布下 正常居中!
2.【背景图片】
图片上传到图片空间复制链接!
此模块功ssssssssssss能功能功能
【功能】:比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。
左对齐
水平居中
右对齐
上对齐
垂直居中
下对齐
按ctrl键点组件 多选
按shift点画布任意位置取消所有多选
是否吸附
吸附距离
图层间距
模块背景
配置背景图片 可以添加固定背景。
热点区域
此功能与DreamWeaver中的热点地图一样,用来制作一个图片上的任意区域添加链。
双面文字
在模块图片上任意位置添加文本信息,
默认文字颜色 和选中文字颜色
背景配置。
文 字
在模块图片上任意位置添加文本信息,支持字体颜色/大小/链接对齐配置属性。
正反图片
默认一张图片 鼠标划过显示另外一张
图 片
添加单张图片 如 多个图片 可以重复添加此项。
滚动公告
自动生成生成滚动文字。
视频|雪花
添加淘宝已订购的视频或者Flash服务的视频或FLASH。
天猫关注
自动生成店铺关注按钮。
旺 旺
自动生成旺旺链接,支持旺旺分组分流,可自定义旺旺头像。
旺 旺 群
输入群号,自动生成旺旺群链接。旺旺头像。
收 藏
自动生成收藏链接。
购 物 车
放到店铺后,点击即可弹出商品SKU选项和加入购物车信息。
分 享
不支持天猫
自动生成分享按钮,设置宝贝链接地址将自动读取宝贝信息。
二 维 码
自动生成二维码图片。
喜 欢
不支持天猫
自动生成喜欢按钮,设置宝贝链接地址将自动读取宝贝信息。
倒 计 时
调整时间的显示位置和各个数值的间距即可 。 放到店铺自动倒计时 。
搜 索
可自定义搜索框大小,背景边框等。也可以在模块的图片上制作好搜索框效果,添加搜索框后设置背景透明等设置。
淘 画 报
在背景图片 任何一部分 弹出 宝贝信息 。
宝 贝
懒人高效模块
输入链接 自动读取宝贝图片 价格 标题 二维码 等信息 。
html/锚点
支持photoshop 和DreamWeaver制作的html代码 。
组件容器
方便多组移动组件 。
图片轮播
可以配置轮播图片 导航 箭头位置。
任意弹出
可设置任意弹出效果,默认区和弹出区都可自定义。
锚点定位
任意位置可定义锚点名称。
导航特效
选中图片 自动向上移动。
高级轮播
任意自定义内容 支持图片 倒计时 正反图 CSS特效 等工具上面的工具控件都可以根据需要添加。
多层轮播
支持同时左右轮播和上下轮播。
特 效 层
任意自定义内容 支持图片 倒计时 正反图 CSS特效 等工具上面的工具控件都可以根据需要添加。
固定悬浮
悬浮漏洞方法淘宝一直在变 我们也会及时更新。
手风琴
关注转优惠
天猫专用 点击关注后 显示优惠劵。
导入代码
请导入使用本工具制作的代码,不支持其他工具制作的代码
确定导入
导出代码
默认
自定义模块全屏
店招/页尾全屏
店招带导航下拉转换器
复制代码
代码容量:0KB
超出隐藏
1.自定义内容区模块最大支持50KB的代码,设计师的模块最大支持100KB。
2.本工具生成的代码仅支持卓尔、 完美的模板。工具免费维护 免费升级 免费优化。
点此订购正版模板
3.如果有问题 请联系旺旺 帮亲解决
图片
1
.
图片
2
.
图片
3
.
图片
4
.
图片
5
.
共
5
条
确定
关闭此窗口 保存导出代码 到记事本 方便下次导入使用
设计师模块"店招"放入以下代码(最上面 是店招)
设计师模块-页尾模块-自定义代码放入以下代码(店铺最下面是页尾)
亲一定按要求做 否则达不到下拉的效果 注:宝贝详情页不显示下拉
倒计时模块