淘宝主图海报尺寸大小(关于淘宝商品主图模板)

-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部分代码,粘贴至淘宝首页装修自定义区源代码处-【确定】-【完成】

淘宝主图海报尺寸大小(关于淘宝商品主图模板)
淘宝主图海报尺寸大小(关于淘宝商品主图模板)
淘宝主图海报尺寸大小(关于淘宝商品主图模板)
(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注