2018最新淘宝店铺装修模板化全流程的教学贴

很多淘宝新手卖家不知道该怎么去装修自己的淘宝店铺，但是店铺装修效果好对于店铺运营有很大的优势，所以今天开淘小编带来了一篇2018最新淘宝模板化全流程的教学贴，希望对大家有所帮助!

第一步 选购淘宝装修模板

▌ 淘宝装修市场：zx.taobao.com

试用很重要

登录主账号旺旺，点击“马上试用”，查看模板套用效果。

进入装修页面：点击模块右上角“编辑”,检查模块功能是否可用。

▌ 淘宝模板的售前须知:

1、新旺铺模板按月收费，3个月起订。

2、注意!用正确的账号购买，一经购买就无法退换，购买后自动套用。

▌ PS:购买CICIWIN家淘宝模板の售后：

1、针对小白，只需要提供修改文字说明，客服将帮您安装(ID：lqbex1)。

2、有美工的店家，购买后附PSD源文件，方便修改。

3、客服工作日都在线。

第二步 PC端 + 手机端安装

一、PC端安装

▌两个重要构成：

：全店展示页面，支持电脑版、手机版的编辑与发布。(含列表页，搜索页，详情页框架)

图片空间：店铺所有图片来源“素材中心”，通过复制链接到店铺模块预留的地址框中，实现页面中海报图片展示，自定义头像展示和产品展示。

进入模板管理，找到已购买模板，点击应用。即可将模板套入店铺中。没安装前默认显示：「应用模板」。

安装后，显示“备份和还原”，记录每一次修改，系统自动保存。后面会详细说明。

点击PC端 - 装修首页，即看到首页效果，和编辑区域。侧边对应有列表页，详情页框架的编辑入口。

切记，首页，列表页，详情页编辑完后，都需要点击发布才能在前台更新。每次编辑完后，都需要依次进入点击发布。

二、手机版安装

手机版安装，我们提供源文件PSD,修改后生产JPG，上传到店铺的“”，利用网上工具——码工-移动端装修。

1、复制 图片地址 到框中

2、在图片上长按鼠标左键，画出图片链接区域，添加店铺产品链接。

注意：PC端复制的产品链接需要通过这个工具的另一个功能，转化为手机版的链接

3、点击右上角“生成代码”

4、安装码农插件工具到浏览器

5、粘贴代码

6、完成

第三步 模板风格选择

如何进入到这一界面，请参考教程【第二招】模板安装。

属于多风格模板，会在如下截图蓝色框框区域，显示多风格的缩略图，点选后，应用即可。

第四步 模板编辑修改

▌模板构成：

一、布局

天猫店的布局有三种，宽度分别为：

990px，790px，190px

淘宝店的布局有三种，宽度分别为：

950px，750px，190px

二、设计师模块

模块通过拖拽添加到布局中，注意!!常规情况下：不是每个模块都可以拖入190布局和790布局，一般只有客服模块支持190px布局。除非用一个浏览器插件，才可以实现逃出布局规则，一般不用的。

编辑设计师模块具体内容的方法，切换到“页面编辑”，鼠标悬停在相应模块上，点击“编辑”。如图：

具体每个模块操作使用，我们会在“模板教程”中详细说明。

三、基础模块

四、素材中心 = 图片管理

在模板中添加图片，我们选用第二个，复制图片链接，得到一个.jpg结尾的地址就对了。

第五步 上传图片到模板

第一步：找到“”入口

第二步：上传图片

右上角“上传”按钮，上传本地图片。

第三步：图片放入模板中

点击第二个图标按钮“复制链接”。

模板装修使用到的“图片地址”，是图片在网络上的地址，引用该地址，放置到模板对应的区域内，即可显示。

第六步 添加海报和产品链接

什么是链接地址?

链接地址 = 网址 。用户点击打开的页面网址。

一、淘宝全屏轮播模块更新

打开要跳转到的页面，可以是宝贝页面，也可以是列表页面，自定义页面。

注意!!天猫旅游自从升级为飞猪后，海报添加产品链接是不可以直接复制。

二、产品链接地址的添加

具体模板看具体模板教程。

第七步 模板备份与还原

什么是备份与还原?

备份,是保存每个阶段的装修成果。每一次操作后都自动备份，命名方式默认为时间，精确到分秒。或手动备份，输入“备份名称”，“备份描述”。例如：某某调整，某某调整_20180505_V1，即“调整描述+日期+版本号”。

还原,是把其中一个阶段的专修成果还原出来。同样点击“备份和还原”，切换到还原的tab选项卡，选中还原的版本期，点击应用备份。

我们再来回顾一下：选购模板一定要试用。应用到店铺中看效果，看是否合适用。手机版安装和PC端安装。其中手机版提到了码农小工具非常好用。模板风格，有些模板提供风格选择。模板编辑修改。提到模板构成：布局，设计师模块，基础模块，素材中心。

这个问题还有疑问的话，可以加幕.思.城火星老师免费咨询，微.信号是为: msc633。

推荐阅读：

淘宝直通车中的投入产出比是什么？快来看看

淘宝什么是专利侵权？

PC端千牛订阅如何设置？

更多资讯请关注幕 思 城。