当前位置 鱼摆摆网 > 教程 > 电商培训 >

淘宝全屏海报代码制作(淘宝开店全屏代码制作教程)

  公众号:alin同学   作者:alin同学   2020-10-14 14:30
-01-
PS中选择【切片】工具-【基于参考线的切片】-【导出】-【存储为web所有格式】-【保存】-【确
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程



-02-

登陆千牛后台,搜索图片空间,或者点击【店铺管理】-【图片空间】,点击新建文件夹-【上传图片】把保存的图片上传

淘宝首页全屏海报添加热点教程



-03-


打开【DW】-【文件-新建-HIMT】,复制淘宝海报全屏代码,粘贴至【8<body>】后面
<div > <div class="footer-more-trigger" > <div class="footer-more-trigger" > <a target="_blank" href="链接" > <img src="图片地址" border="0" alt="" /> </a> </div> </div></div>

淘宝首页全屏海报添加热点教程


-04-
【图片空间】-【复制图片地址】到【dw】中把【图片地址】几个字换成图片链接——查看【图片尺寸】到软件中将高度更改为【772】(见图4)

淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程



-05-

[DW]中新建一个窗口,【图片空间】-【复制图片代码】到【dw】中把代码换成地址

淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程

-06-

点击【拆分】-点中图片,使用左下角的【矩形工具】框取要添加热点的部分—到淘宝店铺中去复制产品分类链接,粘贴至【链接】;目标选择_blank;【地图M】修改下名称,随便自己什么名字(见图3)

淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程



-07-

回到代码复制全部,到第一个窗口替换整个a标签(图2)

淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程


-08-
打开【店铺装修】-将自定义去拖入模块,复制【DW】中9-20部分代码,粘贴至淘宝首页装修自定义区源代码处-【确定】-【完成】

淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程
淘宝首页全屏海报添加热点教程


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

相关文章

  • 全部评论(0
说点什么吧