甩手网 > 网店学院 > 网店装修 > 网店模板

淘宝店铺装修模版使用教程基础版专业版手机版都看过来

2016-04-22 17:20:49 人气：48577

淘宝店铺

以下是淘宝店铺全套装修模版的使用教程，分为基础版、专业版、手机版。大家可以根据自己下载的模版类目做选择。

淘宝店铺基础版全套装修模版使用教程：

1、背景设置

淘宝装修后台，左上角"装修"--"样式管理"-"样式编辑"-"选择配色"，设置配色。

然后点左侧"背景设置"，不勾选"页头背景图"，即不显示页头背景图。因为淘宝基础版店铺不能自定义页头背景图，系统自带的和店招不协调。

目前基础版店铺首页、列表页、搜索页可以显示页面背景了。本模板含页面背景代码，需将代码安装在导航条的css显示设置里。

2、店招代码安装

提醒：店招高度设置为118px

淘宝装修后台，左上角"页面管理"，在顶部，店招，点"编辑"，点"自定义店招"，点"<>"切换到代码模式，粘贴店招代码，然后再点"<>"，输入店铺名称。

3、安装页面背景代码（导航条css代码）

鼠标移动到店招中的导航条上，点编辑，点显示设置，粘贴导航条css代码

4、安装左侧旺旺客服中心模板代码

左侧，添加自定义模块，粘贴客服中心模板代码。

5、安装左侧搜索模块、宝贝分类、宝贝排行榜模块

淘宝左侧，依次添加淘宝官方系统自带的搜索、宝贝分类、排行榜模块，然后在每个模块顶部放一个自定义模块，粘贴对应的标题模板代码。

提示：标题模板代码中的文字可以自己修改为对应的店铺搜索、宝贝排行榜名称。

6、安装左侧收藏本店模板代码

最后，在底部添加一个190自定义模块，粘贴左侧收藏本店模板代码。

7、安装右侧750海报与店铺公告模板

首页右侧，添加一个自定义模块，添加下面的带海报功能的淘宝店铺公告模板代码：

8、添加新品上市、爆款推荐等宝贝推荐模块

宝贝推荐模块采用自定义标题模板代码+淘宝系统自带宝贝推荐的模式。以方便大家使用。标题代码中的文字，均可以自由发挥，改成诸如新年促销、店主推荐、新品上市等文字。

9、添加五分好评图

新建一个750自定义模块，粘贴右侧五分好评图代码。

10、添加淘宝系统自带的各种模板模块。

这套模板中的宝贝推荐、客服中心、宝贝分类、宝贝排行榜等模块均为淘宝系统自带模块，大家使用时，先添加一个自定义模块，黏贴对应模块的标题代码，然后在标题模块下面添加系统基础模块。这样就能保证模板使用简单且和我们演示效果一致。

提示：左右两侧添加客服中心、宝贝分类、宝贝排行榜等模块

淘宝系统模块添加方法如下：

（a）鼠标移动到一个模块上面，点右下角"添加"按钮

（b）在弹出界面，点左侧"基础模块"，即可找到需要添加的各种模块了。

淘宝店铺专业版全套装修模版使用教程：

文字操作新手卖家们可能不能完全操作好，这边有详细专业版全套装修模版使用教程，请大家点击视频：淘宝店铺专业版全套装修模版使用教程

1、装修--样式管理--背景设置--页头设置，如下图。

更换页头背景图

页头下边距10像素：关闭

背景显示：平铺（或者横向平铺、不平铺都可以）

背景对齐：居中

页面背景图设置：

页面背景图更换

背景显示：纵向平铺

背景对齐：居中

2、装修--页面管理--首页--自定义店招--粘贴店招代码。

店招高度是120像素

3、编辑淘宝店铺的导航栏，粘贴淘宝导航css代码。

4、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴顶部全屏广告图代码（如果有的话），显示标题：不显示。

5、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴全屏海报轮播代码（如果有的话），显示标题：不显示。

6、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴促销活动倒计时代码（如果有的话），显示标题：不显示。

7、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴公告和客服代码（如果有的话），显示标题：不显示。

8、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴关联宝贝组合代码（如果有的话），显示标题：不显示。

9、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴广告列表模块代码（如果有的话），显示标题：不显示。

10、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴限时团购代码（如果有的话），显示标题：不显示。

11、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴促销宝贝代码（如果有的话），显示标题：不显示。

12、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴分类广告代码（如果有的话），显示标题：不显示。

13、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴超级宝贝促销推荐代码（如果有的话），显示标题：不显示。

14、页面装修--模块--自定义区--拖动自定义区模块到相应位置，编辑自定义模块，粘贴旋转轮播宝贝代码（如果有的话），显示标题：不显示。

15、店铺底部新建自定义内容模块，粘贴店铺页尾代码。

★注意：如果在使用代码模板的过程中提示错误"您不能使用他人图片空间中的图片"，那就需要自己查看代码中的图片，下载下来并上存到自己的图片空间，替换对应的链接。

淘宝店铺手机版全套装修模版使用教程：

1、点击店铺管理-手机淘宝店铺-一阳指后台-首页管理。接下来就看到整个页面，下图所示。

2、可以看到左侧有一个模块选项，这里的选项都是可以用鼠标拖动的。在拖动到手机的页面过后，自动会弹出来一个页面设置，按照提示提交即可。点击那个"+"号添加图片，选择图片。下图所示。

3、选择好图片过后，如果你的图片在规格的基础上扩大的话，系统会提示你，是否需要裁剪，标准的是296*160的尺寸，点击确认就可以了。

4、添加第一张图片过后，记得要看要求，他说，必须要添加2张图片哦，添加好图片过后，然后添加好链接即可了。

5、图片和链接都添加好了，接下来就可以发布了。

6、发布完成后，可以预览一下。看看自己发的是否弄好了，链接是否正常。

*本站部分文字及图片均来自于网络，如侵犯到您的权益，请及时通知我们删除。联系信息：甩手网

淘宝实用工具

最新评论

QQ784706919 2017-04-19 09:30

下载了，试了个店招复制代码上去没反映白屏卡在那，不会用啊

赞同（0）回复

asmkv4000 2017-02-22 01:35

不懂用啊111111

赞同（0）回复

lq890214 2016-10-16 22:23

图片代码在哪，复制过去都显示不了图片啊

赞同（1）回复

a1131414242 2016-10-16 21:45

下载后怎么用啊

赞同（1）回复

甩手巴巴 2016-10-09 15:13

我把下载路径关了就扣积分了，还没下载了，太坑啦。

赞同（0）回复

13618678422 2016-09-19 17:56

css是需要再花钱的

赞同（0）回复

hengliji 2016-08-20 12:54

淘宝用 css 好像要另花钱

赞同（0）回复

zhaoaolin 2016-07-24 23:41

什么鸟屎玩意完全看不懂

赞同（4）回复

qian341335 2016-07-24 22:04

要认真学习才行

赞同（0）回复

humingxian999 2016-07-24 21:29

yybmdz 2016-07-02 21:09

学习l了，刚下载的模版。

赞同（1）回复

请问付费吗？

赞同（0）回复

yybmdz 2016-07-02 21:09

学习l了，刚下载的模版。

赞同（1）回复

masterzhu 2016-06-27 21:49

教程？完全看不懂

赞同（4）回复

视频教程更多>>

抖音小店数据分析

拼多多新手如何选款并分析市场状况

虾皮台湾站点新手教程

抖音小店类型及商标

问答专区

更多>>

专题回顾

更多>>

资讯排行

更多>>

淘宝店铺装修模版使用教程基础版专业版手机版都看过来

淘宝实用工具

相关文章

视频教程更多>>

问答专区

专题回顾

资讯排行

拼多多

淘特

抖音

快手

1688

小红书

跨境

京东

微店

视频号

甩手客户服务

关注公众号

淘宝店铺装修模版使用教程 基础版专业版手机版都看过来

淘宝实用工具

相关文章

视频教程更多>>

问答专区

专题回顾

资讯排行

甩手客户服务

关注公众号

淘宝店铺装修模版使用教程基础版专业版手机版都看过来