店铺装修

淘宝店铺装修热区代码添加热区生成

字号+ 阅读 我要评论 2019-08-08 店铺装修 热区代码 添加热区

淘宝店铺装修,要获得比较理想的效果,大多会选择自定义的装修,先把整个首页版面设计出来,然后切图加热点链接,生成代码后布置到自定义模块,如果有一定的设计装修基础,可能遇到的问题少一些,但如果没基础,或者基础差一些,操作起来就比较麻烦,尤其是热区如何做,代码如何生成,以及如何布置等等会出问题,下面通过截图简单说明操作步骤。

1、生成的代码,布置到自定义模块,只需要切换至源码状态,粘贴代码后确定即可,那么如何来搞定热区?

2、目前在线制作热区的工具非常多,但要找个好用的工具也并不容易,本文介绍一个笔者多年使用的工具,可以通过搜索“稿定设计”或者“码工助手”,都可以找到,打开网站之后,点击导航上的最后一个菜单【全部工具】,在此页面上找到【淘宝/天猫布局代码工具】,

3、这个工具是免费的,如果想要保存制作的方案,便于后续的修改,可以先注册,然后进入下面的编辑页面,点击下图中上端菜单中的【图片】,添加上了一个例图,点击之后,弹出的属性面板上,需要修改【图片地址】,

4、先把图片上传到淘宝图片空间,并且复制图片链接,如下图所示:

5、然后粘贴到属性面板上的【图片地址】,点击下面的【图片实际尺寸】,即可看到图片展示出来,

6、在属性面板上,第一个设置项【左侧距离】,这个地方是需要设置的,如果需要装修的旺铺为专业版,这个地方可以填上-485,如果是基础版旺铺,需要填上-685,

7、图片上可能需要添加多个热区,那么可以点击【热区】,弹出热区选框,拖拉后完全覆盖到产品区域,每点击一次【热区】,弹出一个热区选框,点击选框之后,弹出的属性面板上,更改【链接地址】为对应的产品链接即可。

8、布置完热区之后,点击【预览效果】,查看效果,也可以直接点击【生成代码】,

9、弹出的代码生成界面上,【是否去间隙】这一项,建议选上【去掉20像素】,

10、点击【导出代码】,然后点击【复制HTML代码】,把这些代码粘贴到,自定义模块的源码模式下的编辑框内即可,

第一次操作的时候,可能会遇到一些问题,比如图片居中问题,图片间隙问题,以及自定义模块粘贴代码问题等等,如果您遇到问题,可以在下方留言讨论。

转载请注明出处:https://www.taoxuemei.com/zx/619.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 淘宝手机店铺无线端店铺装修后台在哪打开

    淘宝手机店铺无线端店铺装修后台在哪打开

  • 2018手机淘宝店铺装修自定义模块如何使用?

    2018手机淘宝店铺装修自定义模块如何使用?

  • 淘宝店铺装修自定义页在哪里编辑发布

    淘宝店铺装修自定义页在哪里编辑发布

  • 淘宝店铺装修自定义页面在哪里新建?

    淘宝店铺装修自定义页面在哪里新建?

网友点评
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!