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

所属分类: 电子商务 / 淘宝/天猫 阅读数: 606
收藏 0 赞 0 分享

小编将细致的介绍怎样制作淘宝店铺海报(或全屏海报)如何一图添加多个链接,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、将图片的地址链接粘贴到下面全屏海报代码中的图片地址中(其中高度可根据需求自行更改)

复制内容到剪贴板
  1. <div style="height:600px;">   
  2.   
  3. <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">   
  4.   
  5. <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">   
  6.   
  7. <img src="图片地址" _fcksavedurl=""图片地址"" border="0" alt="全屏海报" />   
  8.   
  9. </div>   
  10.   
  11. </div>   
  12.   
  13. </div>  

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

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

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

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

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

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

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

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

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

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

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

相关推荐:

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

更多精彩内容其他人还在看

2015双11天猫超市组合优惠是什么 双11天猫超市优惠活动介绍

虽然离双11还有一段时间,但为了回馈广大用户,天猫双11超市已经开启了一系列的优惠活动,信用满90就可以减50哦,如果你还不知道双11天猫超市组合优惠是什么
收藏 0 赞 0 分享

2015天猫双十一超级红包怎么免费领取?双11狂欢节超级红包活动说明

双11今年又有新发样,那就是双十一超级红包,天猫官方推出站外发放双11红包的途径,本站将于24日发送天猫双11全站通用的超级红包,欢迎各位前来领取,千万不要错过哦
收藏 0 赞 0 分享

2015天猫双11万店同庆以旧换新 先试后买活动参加地址与规则流程介绍

2015天猫双11即将到来,天猫也推出了万店同庆以旧换新、先试后买、上门安装等一系列优惠活动,不过有些朋友对天猫双11的万店同庆活动还不是很了解,2015天猫双11万店同庆以旧换新、先试后买活动在哪参加,规则流程等
收藏 0 赞 0 分享

2015天猫扫双11标志领取现金红包 双十一扫logo赢红包活动攻略

双十一活动,已经正式来开序幕后,那么很多互动性较强的红包活动也将会随之出炉。比如今天为大家推荐的扫logo免费抽取双十一红包的活动,大家打开自己的APP后,使用扫一扫功能,就能获取红包哦,喜欢的朋友们详情来看看了解一下
收藏 0 赞 0 分享

2015天猫双十一微博红包怎么抽奖?双11微博红包抽奖详情

2015天猫双11快到了,不过现在已经有很多天猫双11的预热活动了,其中抢红包是大家很关注的热点,那么2015天猫双11微博红包怎么抽奖呢?小编就为大家介绍2015天猫双11微博红包抽奖详细内容
收藏 0 赞 0 分享

天猫收货评价规则更改:发货速度被物流服务取代

天猫收货评价规则更改了,以后大家在确认付款之后,看不到发货速度这一栏,取而代替的是物流服务,并已于昨日(7月29日)正式生效
收藏 0 赞 0 分享

淘宝卖家怎么开通信用卡支付?

淘宝卖家怎么开通信用卡支付?在淘宝购物的时候,我们作为卖家也可以接受信用卡的付款啦。卖家信用卡服务功能开通是免费的,买家购买商品使用信用卡付款不需要支付任何费用,卖家需要支付交易金额(包括运费)的1%作为交易手续费,下面分享开通方法
收藏 0 赞 0 分享

天猫卖家怎么申请退出天猫?天猫关闭店铺的详细流程

天猫卖家怎么申请退出天猫?现在网店越来越难开,不光是淘宝,现在天猫邓毅也很不好,很多的淘宝天猫商户也不怎么赚钱,有的人就想退出天猫店铺。天猫线上化退出流程是怎么样的呢?下面我们一起来看看关闭天猫店铺的详细教程
收藏 0 赞 0 分享

在天猫购物的时候使用的分期怎么提前还款?

在天猫购物的时候使用的分期怎么提前还款?没发工资的时候,在天猫申请了分期付款,但是发工资了,想提前把钱还了,该怎么申请呢?下面分享天猫主动还款的详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

激活天猫会员要钱吗?快速激活天猫会员的教程

激活天猫会员要钱吗?天猫用户在天猫有过实物交易且完整填写个人信息后可激活成为天猫会员。天猫会员尊享会员生日特权、服务特权、品牌特权、行业特权等专属特权。下面分享快速激活天猫会员的教程
收藏 0 赞 0 分享
查看更多