【装修宅独家提供】
用了一个下午的时间修改整理(教程花的时间多),这个适合小而美的母婴用品店铺的装修宅模板出炉,模板适合专业版淘宝店铺使用(一钻一下免费升级到专业版店铺,可以使用)。现在阿宅免费提供给大家学习,出模板和教程不易,希望大家多多支持装修宅!你们的支持,是我们努力进步的动力!我们将提供更多的淘宝店铺装修模版素材~
【模板详细安装教程】
步骤1、样式、页头、页面设置
样式配色:装修--样式管理--选择配色--草绿色
页头设置:装修--样式管理--背景设置--页头设置。(如下图)设置完记得保存!
(1)背景色选择白色;(2)更换装修宅提供的页头背景图;(3)开启页头下边距10像素;(4)背景显示:横向平铺;(5)背景对齐:居中;
页面设置:装修--样式管理--背景设置--页面设置,如下图,设置完记得保存!
(1)背景色选择白色;(2)更换装修宅提供的页面背景图;(3)背景显示:不平铺;(4)背景对齐:居中;
步骤2、店招安装:选择自定义店招,复制装修宅提供的店招代码进去,店招高度设置120px高。如下图
步骤3、店铺导航CSS代码:装修宅在这个店铺装修时,使用了淘宝店铺透明导航代码!
步骤4、添加第一个自定义内容模块,这个模块是其实是空白的模块,作用是为了不要遮挡我们这只的全屏大幅背景图:
添加模块--自定义内容区--在源码模式下将 3自定义内容模块【空白】.html 这个文件的代码复制进去,设置不显示标题(大部分自定义模块都不要显示标题的,注意这个细节),保存
步骤5、添加第二个自定义内容模块,这个模块是一个图片堆成的心形图案,用于美化;自己可以变通一下,将代码中的一两张图片换成自己的宝贝图片+链接
添加模块--自定义内容区--在源码模式下将 4自定义内容模块【心形】.html 这个文件的代码复制进去,设置不显示标题,保存,效果如下图
步骤6、增加搜索栏:添加模块--搜索店内宝贝
步骤7、店铺公告栏代码安装:添加模块--自定义内容区--在源码模式下将 5自定义内容模块【店铺公告】.html 这个文件的代码复制进去,设置不显示标题,保存,效果如下图
步骤8、950宽热销宝贝展现区域:
(1)热销宝贝栏目条:添加模块--自定义内容区--在源码模式下将 6自定义内容模块【950栏目条代码】.html 这个文件的代码复制进去,设置不显示标题,保存;
(2)宝贝推荐设置:添加模块--宝贝推荐--宝贝设置,宝贝数量12(4的倍数,因为下一步显示设置是一行展现4个宝贝);显示设置:一行展示4个宝贝;不显示标题;设置如下图
步骤9、左侧栏设置店铺收藏图片:上存装修宅提供的店铺收藏图片到图片空间,左侧添加模块--自定义内容区--将图片空间代码复制进去,设置教程可以看https://www.kaitao.cn/html/jiaocheng/857.html
步骤10、右侧栏轮播图片设置:添加模块--图片轮播,上存装修宅提供的素材,按照下图步骤添加,
显示标题:不显示:模块高度:324px(装修宅提供的轮播广告图高度正是324px)
步骤11、750热销宝贝展现区域:
(1)750宽热销宝贝栏目条:添加模块--自定义内容区--在源码模式下将7自定义内容模块【750栏目条代码】.html 这个文件的代码复制进去,设置不显示标题,保存;
(2)宝贝推荐设置:添加模块--宝贝推荐--宝贝设置,宝贝数量12(填3的倍数就行,因为下一步显示设置是一行展现3个宝贝);显示设置:一行展示3个宝贝;不显示标题;设置如下图
步骤12、950热销宝贝展现区域:
(1)950宽热销宝贝栏目条:添加模块--自定义内容区--在源码模式下将6自定义内容模块【950栏目条代码】.html 这个文件的代码复制进去,设置不显示标题,保存;
(2)宝贝推荐设置:添加模块--宝贝推荐--宝贝设置,宝贝数量14(填7的倍数就行,因为下一步显示设置是一行展现7个宝贝);显示设置:一行展示7个宝贝;不显示标题;设置如下图
步骤13、店铺底部代码安装:
添加模块--自定义内容区--在源码模式下将 8店铺底部代码.html 这个文件的代码复制进去,设置不显示标题,保存;
终于写完这个装修教程!!!在店铺装修模板过程中如果有不明白,可以到咨询区提问,阿宅会尽快给大家解答的!
查看更多相似文章