淘宝店招首页通栏全屏代码

五月七日 发布于 2023-04-27 449 次阅读


淘宝店基础版旺铺实现全屏店招因为没有页头背景的更改选项,所以无法制作店招背景。但是可以修改导航CSS来实现像专业版才有的店招全屏效果。

1、淘宝店招全屏/通栏代码

首先上导航CSS代码:

div.skin-box-bd{position:relative;top:-150px;left:-485px;width:1920px;height:150px;line-height:150px;background:url(全屏店招图片地址);padding-left:488px;background-position:0px -150px;}

将上述【全屏店招图片地址】替换成你做好的全屏店招图,一般是1920*150。

然后复制代码,粘贴到导航栏的【显示地址】编辑框内即可。

然后,就是你再将你刚才切好的图片,导出web格式,复制好代码粘贴到店招的【自定义模块】里,注意,这里图片地址被写错了,替换成你裁好的950*150的店招图。

然后预览就发现全屏做好了。

2、淘宝店旺铺专业版可以直接通过传图做成全屏通栏店招效果

一钻以下的淘宝用户可以用这个办法,很快。

做好一张1920*150的导航通栏店招图,然后裁剪下中间950*150的部分单独成为一张图,做好切片导出WEB格式。

将1920的图作为【页头】背景上传,居中显示即可。

将导出的web格式代码复制到店招自定义模块里即可。这里如果你没有加链接什么的,可以直接把950*150这张图传上去就可以了。

淘宝店PC首页装修效果:

我的淘宝店