 |
  |
|
|
|
| 位置：门别网 › 卖家论坛 › 淘宝天猫运营 › 帖子 |
|
zafjw 等级： / 门别币：20 |
| 发表：2018-6-12 23:56:19 查看：483 回复：2 次 | |
【干货】7步搞定，淘宝店装修 |
|
??? 作者公众号：ciciwin模板服务????
导语：老板突然说这周要新店上线，你是不是就慌完了？想立马学习，发现官方教程都是旧的...... 以下是2018最新淘宝模板化店铺装修全流程的教学贴，希望对你有所帮助！
? 装修全流程教学 - 7步搞掂：
1、选购模板
2、PC端，手机端安装
3、模板风格选择
4、模板编辑修改
5、上传图片到模板
6、添加海报和产品链接
7、模板备份与还原
1
选购模板
▌ 淘宝装修市场：zx.taobao.com
试用很重要
登录主账号旺旺，点击“马上试用”，查看模板套用效果。
进入装修页面：https://siteadmin.tmall.com/design.htm
点击模块右上角“编辑”,检查模块功能是否可用。
https://zx.taobao.com/detail.html?articleCode=zx_65623137
▌ 淘宝模板的售前须知:
1、新旺铺模板按月收费，3个月起订。
2、注意！用正确的账号购买，一经购买就无法退换，购买后自动套用。
▌ 良心设计师の售后：
1、针对小白，只需要提供修改文字说明，旺旺客服将帮您安装（旺旺ID：lqbex1）。
2、有美工的店家，购买后附PSD源文件，方便修改。
3、客服工作日都在线。
2
PC端 + 手机端安装
一、PC端安装
▌两个重要构成：
店铺装修：全店展示页面，支持电脑版、手机版的编辑与发布。（含列表页，搜索页，详情页框架）
图片空间：店铺所有图片来源“素材中心”，通过复制链接到店铺模块预留的地址框中，实现页面中海报图片展示，旺旺自定义头像展示和产品展示。
进入模板管理（https://siteadmin.tmall.com/template/templateManager.htm）
找到已购买模板，点击应用。即可将模板套入店铺中。
https://mai.taobao.com/seller_admin.htm
https://wangpu.taobao.com/index.htm
没安装前默认显示：「应用模板」。
安装后，显示“备份和还原”，记录每一次修改，系统自动保存。后面会详细说明。
https://siteadmin.tmall.com/template/templateManager.htm
点击PC端 - 装修首页，即看到首页效果，和编辑区域。侧边对应有列表页，详情页框架的编辑入口。
切记，首页，列表页，详情页编辑完后，都需要点击发布才能在前台更新。每次编辑完后，都需要依次进入点击发布。
https://wangpu.taobao.com/pcPageList.htm#/basic
https://siteadmin.tmall.com/design.htm
二、手机版安装
手机版安装，我们提供源文件PSD,修改后生产JPG，上传到店铺的“图片空间”，利用网上工具——码工-移动端装修。
1、复制 图片地址 到框中
http://www.001daima.com/html/tool/mobile_editor.html
2、在图片上长按鼠标左键，画出图片链接区域，添加店铺产品链接。
http://www.001daima.com/html/tool/mobile_editor.html
注意：PC端复制的产品链接需要通过这个工具的另一个功能，转化为手机版的链接
http://www.001daima.com/html/tool/pc2phone.html
3、点击右上角“生成代码”
http://www.001daima.com/html/tool/pc2phone.html
4、安装码农插件工具到浏览器
https://wuxian.taobao.com/shopdecorate/pageEditor.htm?pageId=4294149
5、粘贴代码
https://wuxian.taobao.com/shopdecorate/pageEditor.htm?pageId=4294149
6、完成
https://wuxian.taobao.com/shopdecorate/pageEditor.htm?pageId=4294149
第三步 模板风格选择
如何进入到这一界面，请参考教程【第二招】模板安装。
属于多风格模板，会在如下截图蓝色框框区域，显示多风格的缩略图，点选后，应用即可。
https://siteadmin.tmall.com/template/templateManager.htm
第四步 模板编辑修改
▌模板构成：
布局
设计师模块
基础模块
素材中心
一、布局
天猫店的布局有三种，宽度分别为：
990px，790px，190px
淘宝店的布局有三种，宽度分别为：
950px，750px，190px
下面以天猫布局为例：（淘宝店以此类推）
https://siteadmin.tmall.com/layout.htm
二、设计师模块
模块通过拖拽添加到布局中
注意！！常规情况下：不是每个模块都可以拖入190布局和790布局，一般只有客服模块支持190px布局。
除非用一个浏览器插件，才可以实现逃出布局规则，一般不用的，想用的私信我。
https://siteadmin.tmall.com/design.htm
https://siteadmin.tmall.com/design.htm
编辑设计师模块具体内容的方法，切换到“页面编辑”，鼠标悬停在相应模块上，点击“编辑”。如图：
https://siteadmin.tmall.com/design.htm
具体每个模块操作使用，我们会在“模板教程”中详细说明。
三、基础模块
https://siteadmin.tmall.com/design.htm
四、素材中心 = 图片管理
http://count.menbie.com/men1/img2018612235618280.jpg
https://sucai.wangpu.taobao.com/#/manage
第五步 上传图片到模板
第一步：找到“图片空间”入口
上图地址：https://mai.taobao.com/seller_admin.htm
第二步：上传图片
右上角“上传”按钮，上传本地图片。
上图地址：https://mai.taobao.com/seller_admin.htm
第三步：图片放入模板中
点击第二个图标按钮“复制链接”。
模板装修使用到的“图片地址”，是图片在网络上的地址，引用该地址，放置到模板对应的区域内，即可显示。
https://siteadmin.tmall.com/design.htm
第六步 添加海报和产品链接
▌ 什么是链接地址？
链接地址 = 网址 。用户点击打开的页面网址。
一、全屏轮播模块更新
打开要跳转到的页面，可以是宝贝页面，也可以是列表页面，自定义页面。
例如：宝贝页面
注意！！天猫旅游自从升级为飞猪后，海报添加产品链接是不可以直接复制。
例如，原始链接是：
https://traveldetail.fliggy.com/item.htm?spm=0.0.0.0.tEDOR7&id=566845013001
我们需要从中找出 id=数字，这一段，如上图红色标记 ，将其简化为：
https://traveldetail.fliggy.com/item.htm?id=566845013001
然后，修改成：
https://item.tmall.com/item.htm?id=566845013001
插入到轮播图片地址框中：
二、产品链接地址的添加
具体模板看具体模板教程。
第七步 模板备份与还原
▌ 什么是备份与还原？
备份,是保存每个阶段的装修成果。每一次操作后都自动备份，命名方式默认为时间，精确到分秒。或手动备份，输入“备份名称”，“备份描述”。例如：某某调整，某某调整_20180505_V1，即“调整描述+日期+版本号”。
还原,是把其中一个阶段的专修成果还原出来。
1、手动备份流程
第一步、点击备份和还原
https://wangpu.taobao.com/pcPageList.htm#/basic
第二步、输入备份名称
https://wangpu.taobao.com/pcPageList.htm#/basic
2、还原流程
同样点击“备份和还原”，切换到还原的tab选项卡，选中还原的版本期，点击应用备份。
https://wangpu.taobao.com/pcPageList.htm#/basic
-
以上就是“7步搞定，淘宝店铺装修”全部详解。
我们再来回顾一下：
1、选购模板一定要试用。应用到店铺中看效果，看是否合适用。
2、手机版安装和PC端安装。其中手机版提到了码农小工具非常好用。
3、模板风格，有些模板提供风格选择。
4、模板编辑修改。提到了模板构成：布局，设计师模块，基础模块，素材中心。
5、上传图片到模板。从图片空间复制链接，粘贴到模块框。
6、添加海报和产品链接。了解链接定义，粘贴到哪个模块框。
7、模板备份与还原。备份就是保存，分自动和手动，还原就是恢复。
希望这篇知识贴真正能够帮助到大家
▌后续发布模板使用教程和店铺设计技巧，做出牛逼的店铺设计！
 |
| 内容违规投诉举报请联系在线客服QQ：278336453 |
| 今日最新卖家热点 |
|
更多内容>> |
| 下载APP客户端，随时随地上门别，方便卖家网店交易 |
| 话题回复 |
|
张丽云 等级： / 门别币：20第2楼 |
|||
| 回复：2018-6-14 11:20:11 | ||||
|
||||
|
|
钱淑 等级： / 门别币：20第1楼 |
|
| 回复：2018-6-14 10:15:33 | ||
| 1 首 页 |
 微信扫一扫，纯粹电商人微信交流群，欢迎加入 |
