在进行店铺装修的时候,很多卖家朋友喜欢使用一些代码来实现首页和自定义页面的全屏效果,但是其中需要特别处理宝贝列表页,才可以实现全屏效果,那么具体该怎么操作呢?开淘小编带来了一篇文章,赶紧去看看吧!
(一)实现方法和原理
(1)前提:淘宝店铺是专业版旺铺,采用的系统基础模板是“时尚简约官方”,店招高度设置为120px,关闭店招下面的10px间隔,全屏海报图安装在店招下面第一个950自定义模块中。
(2)准备工作:将1920x650全屏海报图,处理为两张图。分别是1920x800页面背景图(放入
为什么这样处理?其实就是将原图一分二位,一部分放在页面背景中,另一部分放在中间950自定义模块中,相互配合,实现的全屏效果。
(二)操作流程
(1)将全屏图一分为二,处理为页面背景图+950宽图,方法见步骤一和我们的范例图
(2)进入宝贝列表页编辑界面。
如果你需要不同的宝贝分类页面显示不同的全屏图,需要添加多个自定义宝贝列表页,每个宝贝列表页关联不同的宝贝分类,然后分别进行配置。
(3)添加950自定义模块,插入950宽图:
在淘宝店招导航条底部,添加一个950布局.并将布局拖到到顶部店招导航条的下面,紧挨导航条。
单击左侧“模块”,将“自定义模块”拖动到950布局。
记得把这个布局,拖动到宝贝分类(竖向)的上面哦。
然后,点击左上角“页面编辑”,插入950自定义模块,插入950图片即可
(4)宝贝列表页,左侧,点击“页面”,上传“02 qp1920背景图.jpg”,设置为居中对齐+不平铺
(5)点击左侧“页头”,确保店招下面的10px间隔是关闭状态。
(6)发布站点,即可查看效果。
最后提醒大家一点,就是想要查看宝贝列表页的全屏效果,一定要记得在宝贝列表页要关联你网店对应的宝贝分类,那么买家朋友在前端才可以看到。如果你想了解更多可以咨询,这里有最全面的资源。
推荐阅读:
ps怎么做淘宝主图水印?详解教程
淘宝店铺主图怎么做?淘宝主图设计技巧
如何做一个好的淘宝宝贝主图制作技巧?