如何在淘宝店招中设置热区？多热区设置教程

不少卖家朋友完成店招的导航产品动图及切片步骤后，想把切片后的店招放到淘宝店铺展示，这就需要设置热区。下面就和小编一起了解下如何制作有多热区的淘宝店招！

这里再强调一下店铺尺寸大小。

店招设计制作尺寸要求：

1. 不平铺的页头背景尺寸：1920*150像素

2. 保留导航模块：淘宝950*120，天猫990*120

3. 隐藏默认导航模块店招：淘宝950*150，天猫990*150

第一步：复制店招HTML格式的淘宝装修代码到店铺装修

通过之前保存的路径，打开HTML格式的文件（如下图第二个图标）

第二步：把店招HTML格式的代码复制到店铺装修

打开网站后，右键点击“查看源”，按Ctrl+a全选、Ctrl+v复制。登录淘宝网，打开卖家中心，点击“店铺装修”。进入界面后，将鼠标移到店铺页面最顶部的店招处，点击编辑，找到代码图标，把复制的HTML代码放进去，然后点击保存。

第三步：保存后，将存有切片的images文件夹上传到“图片空间”，并按顺序放入导航框架

在图片空间可新建文件夹存放导航切片图片，点击通用上传，选择所有images图片上传。上传成功后，按顺序依次复制图片链接到每个框架中。所有放完后，预览时店招可能会整体向下，此时在img后面插入代码 align=”top” style=”display:block” ，记得保存。

第四步：保存后，在每个导航栏的切片中插入链接

先把原淘宝店铺导航高度设为120px，复制初始导航的链接，之后编辑自己的导航，把链接复制到“链接网址”的方框里，点击保存，这样一个基本的店招就完成了。

淘宝专业版添加全屏自定义模块，要把950自定义区拖到页面的950布局区域，注意不要拖到页头和页尾区域，因为页头和页尾不支持全屏代码。基础版的全屏代码要安装到右侧的750自定义区，安装位置错误，模块会不居中。

推荐阅读：

淘宝店铺升级旺铺专业版的流程是什么？

淘宝专业版海报怎么做成通栏?在哪设置?

淘宝通栏广告设置介绍，如何设置淘宝通栏?

查看更多相似文章