快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 淘宝店铺怎么添加全屏海报? 淘宝海加入多个链接热点的方法

淘宝店铺怎么添加全屏海报? 淘宝海加入多个链接热点的方法

放大字体  缩小字体 发布日期:2024-09-18 01:37:09  来源:电商联盟  作者:乐发网  浏览次数:44

小编将细致的介绍怎样制作淘宝店铺海报(或全屏海报)如何一图添加多个链接,so easy!让店铺瞬间变得高大上哦!

一、怎么添加全屏海报?

1、先用PS做好海报(这里小编做的海报宽度为950px,高度为380px)

2、将做好的图片上传到淘宝后台的图片空间,并复制图片的链接

3、进入淘宝后台的店铺装修,在你要放图片的位置新建一个自定义内容区

4、编辑自定义内容区,并插入图片,将之前复制好的图片代码粘贴进图片地址,点击确定

5、点击源码,并将所有代码复制下来

6、打开DW,新建一个html文件

7、将复制好的源码中的代码粘贴进html文件中的<body></body>之间

8、单击设计区域的图片,在下面的属性栏中会有矩形热点工具、椭圆形热点工具、多边形热点工具可供选择

9、选择你所需要的热点工具,框选你需要加链接的区域

10、在属性栏中的链接加入你框选内容所要加的链接(切记要把链接那里默认的#删除)

11、继续使用热点工具框选,然后添加链接(切记删除#)

12、添加完成之后,复制代码区域<body></body>之间的内容

13、进入淘宝后台店铺装修,将自定义内容之前的源码删除,然后粘贴从DW复制下来的代码

14、点击确定,完成操作,去前台试验热点是否添加成功

二、怎样制作淘宝全屏海报热点?

1、先用PS做好海报(这里小编做的海报宽度为1920px,高度为600px)

2、将做好的图片上传到淘宝后台的图片空间,并复制图片的链接

3、将图片的地址链接粘贴到下面全屏海报代码中的图片地址中(其中高度可根据需求自行更改)

nclick="copyIdText('code_5660')">复制内容到剪贴板
  1. <divstyle="height:600px;">
  2. <divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">
  3. <divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">
  4. <imgsrc="图片地址"_fcksavedurl=""图片地址""border="0"alt="全屏海报"/>
  5. </div>
  6. </div>
  7. </div>

4、将图片地址添加好之后,将整个代码复制,并开启DW,新建html文件,将代码粘贴放到<body></body>之间

5、单击设计区域的图片,选择你所需要的热点工具,框选你需要加链接的区域,在属性栏中的链接加入你框选内容所要加的链接(切记要把链接那里默认的#删除)

6、继续使用热点工具框选,然后添加链接(切记删除#)

7、添加完成之后,复制代码区域<body></body>之间的内容

8、进入淘宝后台店铺装修,添加自定义内容区,将代码粘贴到源码中

9、点击确定,完成操作,去前台试验热点是否添加成功

三、源代码复制到DW之后,却无法显示图片?

1、收到一个疑问:将源代码复制在html中,切换到设计模式,却无法显示图片?像这样

2、图片无法显示原因:图片地址不规范、不准确,淘宝后台复制过来的代码将http:直接省略了

3、解决方案:重新添加上http:

4、刷新一下,图片就能够显示了

相关推荐:

淘宝全屏店招怎么安装? 淘宝店铺招牌全屏的设置方法

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 淘宝店铺怎么添加全屏海报? 淘宝海加入多个链接热点的方法

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝装修子账号设置流程 淘宝店铺装修如何实现全屏轮播
淘宝神笔子账号设置方法 淘宝详情模板市场使用教程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问