资源简介

(共42张PPT)
店铺装修与模块制作
第3章
淘宝旺铺是淘宝提供的一项增值服务，是一种更加个性、豪华的店铺界面。淘宝旺铺在吸引买家关注店铺及产品、刺激买家购物欲望以及树立店铺形象等方面作用明显。
淘宝旺铺目前有两个版本：专业版、基础版。基础版旺铺针对所有用户免费；专业版旺铺一钻以下可免费使用，无需订购，一钻及以上用户需要订购，价格为50元/月。
温馨提示
3.2
店铺装修的基本流程
店铺基础信息设置完成以后，就可以开始对店铺界面进行装修了。店铺装修的流程一般分为4个环节：① 选择店铺模板；② 设置模板配色；③ 设置店铺背景；④ 进行页面装修。
下面，以淘宝网（旺铺专业版）为例来说明店铺装修中的具体操作。
3.2.1 选择店铺模板
3.2.1.1 查看可用的店铺模板
开通淘宝旺铺专业版后，可以在模板管理中查看所有可用的店铺模板。查看可用店铺模板的操作步骤如下。
步骤1
进入“卖家中心”首页，单击左侧“快捷应用”区域中的【店铺装修】超链接，如图所示。
单击【店铺装修】超链接
3.2.1 选择店铺模板
3.2.1.1 查看可用的店铺模板
步骤2
在弹出的“旺铺装修”页面中单击【模板管理】按钮，如图所示。
单击【模板管理】按钮
3.2.1 选择店铺模板
3.2.1.1 查看可用的店铺模板
步骤3
在弹出的“模板管理”页面中可以查看系统自带模板。系统自带3种模板，可以任选其中的一个，单击选中模板可大图预览该模板。单击【马上使用】按钮可以应用该模板。也可以单击【装修市场】按钮前往装修市场购买模板，如图所示。
单击模板可大图预览
单击【马上使用】按钮可以应用选中的模板
单击【装修市场】按钮可前往装修市场购买模板
3.2.1 选择店铺模板
3.2.1.2 应用系统自带模板
步骤1
在“模板管理”页面中的系统模板区域单击任意模板以大图预览该模板，本例单击左侧第一个模板，查看系统模板详情，然后单击【应用】按钮，如图所示。
可选的配色有24种
单击【应用】按钮可以应用该系统模板
3.2.1 选择店铺模板
3.2.1.2 应用系统自带模板
步骤2
在弹出的“应用模板”对话框中单击【直接应用】按钮即可应用该模板，如图所示。
3.2.1 选择店铺模板
3.2.1.2 应用系统自带模板
步骤3
进入“旺铺装修”页面，可以看到系统模板应用成功，如图所示。
3.2.1 选择店铺模板
3.2.1.3 购买装修市场模板
步骤1
在模板管理页面中单击【装修市场】可前往装修市场购买模板。
3.2.1 选择店铺模板
3.2.1.3 购买装修市场模板
步骤2
在左侧的搜索栏里进行设置：选择“旺铺版本”为“旺铺专业版”；在“模板类型”里任意选择“简易模板”“高级模板”“JS特效模板”或者全部；在“行业”里选择自己所属的行业；在“风格”里选择适合自己店铺的风格；在“色系”里选择适合自己店铺的颜色。然后在右侧的显示栏中便会出现备选模板。单击选中最适合自己店铺的模板即可，本例选择单击左起第3个模板，如图所示。
单击模块缩略图选择相应模板
3.2.1 选择店铺模板
3.2.1.3 购买装修市场模板
步骤3
在弹出的“购买与试用模板”页面中单击【马上试用】按钮可以试用模板，单击【立即购买】按钮可以购买模板。操作完成后就可以把模板应用到淘宝店铺中，如图所示。
单击【马上试用】按钮可以试用模板
单击【立即购买】按钮可以购买模板
3.2.2 设置模板配色
在选定了店铺模板后，就要开始为该店铺模板配置颜色。模板配色的工作流程如下。
步骤1
进入“旺铺装修”页面，单击【配色】按钮，如图所示。
单击【配色】按钮
3.2.2 设置模板配色
步骤2
在弹出的“设置配色方案”页面中单击选择任意一款配色方案，即可把该配色方案应用到右边的店铺预览窗口中，如图所示。
单击选择任意一款配色方案
3.2.2 设置模板配色
步骤3
单击“设置配色方案”页面右上角的【预览】按钮，可以预览店铺应用模板后的整体效果；单击右上角的【发布】按钮，淘宝店铺将应用该模板；如果要备份该效果，可以单击右上角的【备份】按钮，如图所示。
3.2.3 设置店铺背景
店铺背景分为页头背景和页面背景，也是店铺装修的主要对象之一。
步骤1
进入“旺铺装修”页面，单击【页头】按钮，如图所示。
3.2.3.1 页头背景设置
单击【页头】按钮
3.2.3 设置店铺背景
步骤2
在弹出的“页头设置”页面中单击“页头背景色”右侧的颜色块，并勾选“显示”复选框，如右图所示，便可以显示出调色器，如左图所示。从调色器中可以选择任意一种颜色，为页头设置纯色背景。
3.2.3.1 页头背景设置
勾选“显示”复选框
3.2.3 设置店铺背景
步骤3
返回“页头设置”页面，单击“页头背景图”区域中的【更换图片】按钮可以上传一张图片作为页头背景。图片的大小不能超过200 k，图片的格式要求为GIF，JPG，PNG，如图所示。
3.2.3.1 页头背景设置
单击【更换图片】按钮
3.2.3 设置店铺背景
步骤4
在“页头设置”页面左侧单击【重置当前页】按钮，将当前页头背景设置应用到当前页面；单击【应用到所有页面】按钮，将当前页头背景设置应用到所有页面，如图所示。
3.2.3.1 页头背景设置
单击【重置当前页】按钮
单击【应用到所有页面】按钮
3.2.3 设置店铺背景
进入“旺铺装修”页面，单击【页面】按钮，如图所示。
3.2.3.2 页面背景设置
单击【页面】按钮
步骤1
3.2.3 设置店铺背景
在弹出的“页面设置”页面中单击“页面背景色”右侧的颜色块，并勾选“显示”复选框，如左图所示，便可以显示出调色器，如右图所示。从调色器中可以选择任意一种颜色，为页面设置纯色背景。
3.2.3.2 页面背景设置
步骤2
勾选“显示”复选框
3.2.3 设置店铺背景
返回“页面设置”页面，单击“页面背景图”区域中的【更换图片】按钮可以上传一张图片作为页面背景。图片的大小不能超过200 k，图片的格式要求为GIF，JPG，PNG，如图所示。
3.2.3.2 页面背景设置
步骤3
单击【更换图片】按钮
3.2.3 设置店铺背景
在“页面设置”页面左侧单击【重置当前页】按钮将当前页面背景设置应用到当前页面；单击【应用到所有页面】按钮将当前页面背景设置应用到所有页面，如图所示。
3.2.3.2 页面背景设置
步骤4
单击【重置当前页】按钮
单击【应用到所有页面】按钮
3.2.4 页面装修
3.2.4.1 进入电脑端页面装修界面
在淘宝旺铺后台，页面装修主要通过旺铺装修中的“页面装修”功能实现。进行页面装修的具体步骤如下。
步骤1
进入“旺铺装修”页面，单击【页面装修】按钮，下拉列表中单击【页面管理】按钮，如图所示。
3.2.4 页面装修
3.2.4.1 进入电脑端页面装修界面
步骤2
在打开的“电脑端页面”设置页面中，可以对电脑端页面进行添加、编辑、删除等操作。电脑端页面包括基础页、宝贝详情页、宝贝列表页、自定义页、活动页面。各个选项卡页面之间可以相互切换。如果装修该页面，单击与之对应的【页面装修】按钮即可，如图所示。
选项卡页面之间可以相互切换
单击【页面装修】按钮可以装修该页面
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤1
装修宝贝详情页为例。单击【宝贝详情页】选项卡，打开“宝贝详情页”设置页面，然后单击“默认宝贝详情页”相对应的【页面装修】按钮，如图所示。
单击【页面装修】按钮
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤2
在打开的“页面编辑”页面中，可以自由地对默认宝贝详情页的页面进行装修，可以添加模板、设置页面配色方案、设置页头背景、设置CSS样式等，如图所示。
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤3
添加模块。页面装修页面默认状态即为模块。可以选择所需模板，并拖动到默认宝贝详情页面里合适的位置，松开鼠标即可添加模块，如图示。
拖动模块到默认宝贝详情页面里合适位置
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤4
设置默认宝贝详情页的页面配色方案。单击【配色】按钮，打开“设置配色方案”页面，如图所示。
单击【配色】按钮
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤5
单击任意一款配色方案，即可把配色方案应用到右侧的淘宝店铺中，如图所示。
单击选择任意一款配色方案
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤6
设置默认宝贝详情页的页头背景。单击【页头】按钮，打开“设置页头背景”页面，如图所示。
单击【页头】按钮
3.2.4 页面装修
3.2.4.2 基础页面的装修
步骤7
进入“设置页头背景”页面，如图所示。设置方法同“设置淘宝旺铺背景”中的“页头设置”。
步骤8
设置默认宝贝详情页的CSS样式。需要购买才能够使用设置CSS样式功能。默认宝贝详情页的所有设置完成后，需单击【备份】或【发布】按钮完成设置。
3.2.4 页面装修
3.2.4.3 新建页面
01
新建页面类型介绍
新建页面类型有3种，分别是自定义页面、宝贝列表模板、宝贝详情模板。
（1）自定义页面
自定义页面提供了个性化装修的功能，使用场景丰富多样。可以添加活动页面、店铺介绍页面、会员专区页面、合作招募页面、售后活动页面等。此外，卖家还可以将自定义页添加为导航菜单或轮播图片的链接等。自定义页面包括的内容如下：
3.2.4 页面装修
3.2.4.3 新建页面
活动页面
热卖、上新、促销活动。
店铺介绍
品牌故事、企业文化。
会员专区
老顾客爱去的地方。
3.2.4 页面装修
3.2.4.3 新建页面
合作招募
寻找志同道合的商业伙伴。
售后活动
评价有礼、买家秀。
自定义页面的页面规则：
① 导航不能删除，且高度不能低于30 px；导航＋店招的高度不能超过150 px。
② 自定义页不支持添加设计师模块。
3.2.4 页面装修
3.2.4.3 新建页面
（2）宝贝列表模板
宝贝列表模板是展示各分类宝贝的页面，买家通过宝贝分类模块中的分类信息进入该页面。宝贝列表页的页面规则：
所有宝贝分类页面都会默认与宝贝列表页的装修结果保持一致。
在宝贝列表模块之上不可添加其他模块。
与自定义页面的规则不同，只有一级分类才能绑定自定义的列表页模板。
导航不能删除，且高度不能低于30 px；导航＋店招的高度不能超过150 px。
1
2
3
4
3.2.4 页面装修
3.2.4.3 新建页面
（3）宝贝详情模板
宝贝详情模板是展示各个宝贝详情的页面，所有宝贝都可以单独进行个性化装修，让装修与搭配更精准。宝贝详情页主要由宝贝基本信息模块、宝贝详情/评价记录/成交记录/专享服务模块、左侧栏以及其他客户的浏览足迹和购买偏好等构成。
在淘宝网上，宝贝详情页的页面规则如下：
详情页不支持设置页面背景。
01
3.2.4 页面装修
3.2.4.3 新建页面
详情页左侧与内容区不能添加第三方模块。
02
页面不能出现悬浮，不能有任何内容遮挡官方区域，违规者将予封店处理。
03
导航不能删除，且高度不能低于30 px；导航＋店招的高度不能超过150 px。
04
3.2.4 页面装修
3.2.4.3 新建页面
02
新建页面的操作流程
下面以新建宝贝列表模板页面为例说明新建页面的操作流程。
进入“店铺装修”页面，单击“页面装修”下拉列表中的【页面管理】按钮，然后在打开的“电脑端页面”设置页面中单击【新建页面】按钮，如图所示。
步骤1
单击【新建页面】按钮
3.2.4 页面装修
3.2.4.3 新建页面
在打开的新建页面中选择“页面类型”为“宝贝列表模板”。对于新添加的这个页面，必须取名以及关联卖家想要关联的类目，几个类目可以用一个页面，也可以一个类目一个页面，如图所示。
步骤2
选中“宝贝列表模板”单选项
为宝贝列表模板取个容易区分的名字
选择列表模板应用的项目，如果选择“冬季睡衣/家居服”类目，那么该列表项装修效果就会对该类目生效
3.2.4 页面装修
3.2.4.3 新建页面
设置完成后，单击页面下方的【保存】按钮。保存完成之后，就可以对新建的宝贝列表页进行装修了，如图所示。具体装修操作和店铺基础页相同。
步骤3
单击【页面装修】按钮
3.2.4 页面装修
3.2.4.4 删除页面
如果想删除页面的话，先在电脑端页面找到想删除的个性列表页，然后单击相对应的【删除】按钮 即可，如图所示。
单击【删除】按钮
感谢您的观看指导
BUSINESS

展开更多......

收起↑