返回列表

作者:巨人电商

淘宝店招里怎么设置热区?多热区设置教程

POST TIME:2020-10-22

  很多卖家朋友在完成了店招的导航产品动图及切片步骤之后,想要将切片后的店招放入淘宝店铺中进行展示,那么就需要设置热区,那么下面跟随开淘小编一起去了解一下如何制作有多热区的淘宝店招!

  在此重申一下店铺尺寸大小。

  店招设计制作尺寸要求:

  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自定义区,安装错了位置,模块会不居中。

  推荐阅读:

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

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

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