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

所属分类: 电子商务 / 淘宝/天猫 阅读数: 615
收藏 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购物券领取攻略

2015年的天猫双十一和往年不同的是,今年天猫将为消费者提供“11.11购物券”,购物券在消费者端以购物券的形式显示,但实际代表的是一种消费者可于购物时直接抵减一定面额现金的消费权益,下面就一起来看看2015天猫双十一11.11购物券使用门槛
收藏 0 赞 0 分享

天猫超市双11新专场活动入口曝光 满188减100元再送100

天猫超市双十一又上线新活动啦,从11月1日开始到11月10日,全国的消费者在天猫超市购买日用百货商品可享满188元立减100,同时还能获得100元现金券,超值哦,内附连接,感兴趣的朋友可以进来看看
收藏 0 赞 0 分享

2015年双十一抢红包活动都有有哪些?2015双11抢红包活动地址介绍

2015双十一购物节就要到了,各大店家们纷纷使出自家的“杀手锏”。那么2015年双十一抢红包活动都有有哪些?下面小编就为大家介绍2015双11抢红包活动地址,一起来看看吧
收藏 0 赞 0 分享

2015天猫淘宝双11怎么拆未拆开的红包?双十一喊人来拆红包使用方法

2015双十一即将来临,目前处于抢红包状态,这个红包必须让好友给自己拆,有可能有现金有可能是优惠券有可能什么都没有,那么若获得了“未拆开红包”该怎么拆开呢?下面就详情来看看了解一下
收藏 0 赞 0 分享

2015双11红包在哪里领?天猫双11红包入口通道介绍

临近双11,天猫推出了双11抢红包活动,很多用户们都不知道2015双11红包在哪里领,以及天猫双11红包入口在哪里?针对出问题,本文就为大家进行解答
收藏 0 赞 0 分享

天猫2015双11红包雨什么时候开抢 天猫双十一红包雨活动攻略介绍

2015天猫双十一活动这几天已经陆续开始了,今年天猫双11还有一个最大的活动据说就是红包雨了,要不怎么敢号称雨,那么天猫2015双11红包雨什么时候开抢
收藏 0 赞 0 分享

天猫双十一密令红包密令文字是什么 天猫2015双11密令红包开枪攻略

快到双十一了,天猫推出了一系列红包,天猫、天猫商家和明星等都可以创建密令,为消费者发出密令红包,不过密令红包是需要密令文字
收藏 0 赞 0 分享

天猫网厅双11红包几点开抢 天猫网厅双11活动时间及活动奖品详情

双11即将到来,近日,天猫网厅提前开启双11预热活动,每天不同时段天猫网厅都将送出话费流量红包哦!那么,天猫网厅双11红包几点开抢?以及有哪些奖励呢?针对此问题,本文就为大家进行解答
收藏 0 赞 0 分享

2015天猫双十一晚会一元购攻略 11月10日天猫双11晚会摇一摇抽奖活动

今年11月10日20点30分开始,2015天猫双十一晚会将在“水立方”举行并向全球消费者同步直播,届时用户可以通过摇一摇的方法获得1元购商品,下面小编就给大家带来详细的介绍及天猫双十一晚会一元购攻略
收藏 0 赞 0 分享

2015天猫双11密令红包怎么抢?11月5日、6日、7日密令公布名单汇总

11月5 -10日,开启天猫密令红包时间到啦!今天11月5日早上10点开抢,密令将在各个微博大号中陆续发布,打开淘宝或天猫搜索相应的密令就有机会抢到红包,下面就详情来看看了解一下
收藏 0 赞 0 分享
查看更多