重要通知：
新版手淘热区工具上线了（一个图加多个链接），支持高度超过2000px,宽度可设置750px，支持以前设计的图片尺寸
立即使用
首页
热
店铺装修工具
淘宝/天猫工具
淘宝/天猫PC模板
淘宝/天猫无线模板
淘宝/天猫PC全套模板
淘宝/天猫 PC装修教程
淘宝/天猫 无线装修教程
图文经验分享
京东商城工具
京东商城模板
京东商城工具教程
阿里1688工具
阿里1688 PC模板
阿里1688无线模板
阿里1688 PC装修教程
阿里1688 无线装修教程
阿里国际站工具
阿里国际站模板
阿里国际站工具教程
常用功能
淘宝/天猫
一个图加多个链接
PC自由布局工具
手机自由布局热区工具
跟屏悬浮模块
全屏通栏框架
切片图片快速换空间图片
全屏海报轮播
全屏大海报
全屏固定背景海报
店招导航样式CSS编辑器
DIY天猫视频海报
基础版950模块通栏工具
详情免费安装视频
基础版全屏店招简约版
基础版全屏店招全能版
自定义卡盘轮播
去除PS切片图片缝隙
旺旺客服链接
万能搜索模块
导航+下拉弹出+店招模块
图片查找修改替换工具
店铺ID查询工具
自定义内容HTML编辑器
淘宝版代码预览工具
天猫版代码预览工具
阿里1688
一个图加多个链接
PC自由布局工具
切片图片快速换空间图片
全屏大海报
旺旺客服链接
店铺收藏链接
手机自由布局热区工具
京东商城
一个图加多个链接
PC自由布局工具
全屏通栏框架
切片图片快速换空间图片
全屏海报轮播
全屏大海报
阿里国际站
一个图加多个链接
产品推荐海报轮播
个性全套模板
活动专场板
在线做图
更多• • •
实用推荐
技术交流QQ群
素材库
微信跳转淘宝
360查字体版权
免费字体
主图打标
优惠券查询工具
识别图片文字
违禁词在线查询
赞助我们
登录
升级
开通工具VIP使用特权即可获得
模板无限制使用
查看更多特权
立即下载
阿里巴巴 HTML任意布局奔跑组件[代码版]
使用教程
模块编辑
模块设置
店铺类型选择
阿里巴巴(1688)
消除上间隙
消除下间隙
有多少间隙就填写多少，阿里巴巴一般消除下方间隙填写10
模块宽度
模块高度
高度手动填写，宽度系统将自动识别图片尺寸
[?]
图片要求最好是1920宽度的图片，当然不是也可以！保证1920是为了兼容大屏幕的显示器。
背景图片地址
背景定位
固定背景
不固定
背景色
固定背景建议用1920*1080，用色就把图删除就行
背景图跳转链接
点背景任意位置跳转到指定链接
模块内容设置 ▼
奔跑区宽度 1
高度
左侧距离
顶部距离
奔跑方向
从左到右
从右到左
从上到下
从下到上
奔跑速度
出场位置
从旁边位置
从指定位置
内容区代码 1
<img src="https://img.alicdn.com/imgextra/i2/1831635249/TB2VNS.c4PI8KJjSspfXXcCFXXa-1831635249.png" />
奔跑区宽度 2
高度
左侧距离
顶部距离
奔跑方向
从左到右
从右到左
从上到下
从下到上
奔跑速度
出场位置
从旁边位置
从指定位置
内容区代码 2
<img src="https://img.alicdn.com/imgextra/i4/1831635249/TB2MVO9c9_I8KJjy0FoXXaFnVXa-1831635249.gif" />
奔跑区宽度 3
高度
左侧距离
顶部距离
奔跑方向
从左到右
从右到左
从上到下
从下到上
奔跑速度
出场位置
从旁边位置
从指定位置
内容区代码 3
<img src="https://img.alicdn.com/imgextra/i1/1761154159/TB25jKwiXXXXXc3XXXXXXXXXXXX-1761154159.png" />
附加选项（一般默认即可无需修改） ▼
附加选项
修复切片间隙
修复热区失效
消除热区边框
修复图片地址及链接地址
复制失败?
添加一组
预览效果
生成代码
代码编辑
宝贝链接 1
宝贝链接 2
宝贝链接 3
序号
记录名称
备份或最后修改时间
操作
通知：由于1688装修后台规则升级，现在只能用带有 “通用” 标志的模板，查看1688店铺能使用的模板规则
点击查看规则
点击生成代码没有反应？
请使用360极速浏览器
点击下载
桂公网安备 45052102000109号
ICP备案号：桂ICP备18007569号-3
