快捷搜索:  汽车  科技

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)-07-回到代码复制全部,到第一个窗口替换整个a标签(图2)点击【拆分】-点中图片,使用左下角的【矩形工具】框取要添加热点的部分—到淘宝店铺中去复制产品分类链接,粘贴至【链接】;目标选择_blank;【地图M】修改下名称,随便自己什么名字(见图3)-04-【图片空间】-【复制图片地址】到【dw】中把【图片地址】几个字换成图片链接——查看【图片尺寸】到软件中将高度更改为【772】(见图4)-05-[DW]中新建一个窗口,【图片空间】-【复制图片代码】到【dw】中把代码换成地址-06-

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(1)


淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(2)


-01-
PS中选择【切片】工具-【基于参考线的切片】-【导出】-【存储为web所有格式】-【保存】-【确

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(3)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(4)



-02-

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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(5)



-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>

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(6)


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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(7)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(8)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(9)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(10)



-05-

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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(11)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(12)

-06-

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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(13)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(14)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(15)



-07-

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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(16)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(17)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(18)


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

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(19)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(20)

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(21)


你学会了吗?
有什么问题可以在后台留言哦
欢迎来撩

淘宝卖家中心海报怎么设置(淘宝首页全屏海报添加热点教程)(22)


-END-

来源:发光资源

猜您喜欢: