淘宝全屏代码生成器咋生成?全屏店招代码

-回复 -浏览
楼主 2019-06-03 12:24:27
举报 只看此人 收藏本贴 楼主
淘宝店铺基础版全屏店招


先在PS设计好店招

店招背景尺寸为1920*150pt

中间内容为950*150pt

两张图片分别另存出来

然后上传到淘宝后台的图片空间




打开淘宝图片空间,复制店招950*150的代码




打开DW,新建一个HTML文件

在代码页面,删掉全部代码,粘贴刚刚复制的代码

在设计页面。可以看到店招的图片显示出来



在设计页面,右击图片,选择“属性”

矩形热点工具画出需要添加热点链接的热点框

左下角箭头工具点击单个热点框,代表选定该热点

这时去淘宝找到相对应的链接地址复制

注:链接的“#”需要先删掉,再粘贴链接地址

目标为“blank”



添加完所有热点链接,回到代码页面,

复制所有代码到淘宝店铺装修后台,点击店招编辑,粘贴代码。

选择高度120,是因为导航如果有多个子级分类,则要用淘宝家的导航

子分类设置方法:店铺管理--宝贝分类管理

选择高度150,可以显示出设计的店招导航,导航要添加热点链接



接下来的店招全屏背景,需要用到代码

后台回复“基础店招代码”可获取

在图片空间复制店招背景的链接

点击导航条的编辑,显示设置,粘贴代码

左侧页头背景不勾选




如果用淘宝的导航条,

注意店招背景的导航条颜色也要与基础版的配色相一致




最终效果

↓↓↓

店铺地址:http://t.cn/EqmEHDA




END




很菜的非洲难民酋长
关注





我要推荐
转发到