京东店铺装修详解.ppt

页面装修介绍 第三个目录为“店铺营销”模块，显示如下： 由图可看到该目录共有4个模块： 自定义内容区：大家又称为“HTML编辑器”，也是装修店铺使用频率最高的模块之一，目前自定义内容可以上传图片、写代码等。如果您懂一些dreamweaver、html、CSS DIV的话，使用这个模块可以让您装修出更炫的效果。 导航：比较好理解，即为输入一个关键词 并配置一个链接网址即可。 图片轮播：主要应用于活动和商品的推广，可在模块设置里添加大图、小图、图片标题和图片链接地址。? 雷宁轮播图：通过编辑需要轮播的html片段以及背景颜色，实现html片段的轮播效果！ 页面装修介绍 接下来看第四个目录“公司相关”，截图如下： 由上图可以看出该目录包含3个模块： 店铺简介：即显示品牌介绍内容的模块。 店铺公告：即显示店铺内公告信息的模块。 店招模块：即显示店铺招牌内容的模块。 页面装修介绍 接下来看第五个目录“公司相关”，截图如下： 由图可以看出该目录包含1个模块 搭配详情：展示用户在搭配购里面的商品搭配，在“设置”里输入搭配id可置入搭配信息。 在装修的时候根据设计可以添加以上15个模块中的任意一个或者多个，同一个模块在一个页面上是可以多次被使用的。 4、添加模块 页面装修介绍 4.1、添加“分页显示商品”模块 4.1.1添加的操作流程 选中要添加模块的布局，比如： 点击【添加模块】按钮，依次找到目标模块后点击【置入】，如下图： 页面装修介绍 模块置入完毕后，可对模块进行修饰和内容完善，操作如下： 4.1.2设置点击模块的【设置】，会弹出如下操作面板： 页面装修介绍 如图，默认选中的是【皮肤】操作。 页面装修介绍 4.1.3皮肤 名词解释 皮肤：用来美化该模块的边框和周边，详细功能如图： 说明： 皮肤选择：系统预置了2套皮肤，可以快速选择使用 标题栏：用来设置模块标题区域范围内皮肤的操作 内容区：用来设置模块内容区域范围内皮肤的操作 底部栏：用来设置模块最底下区域范围内皮肤的操作 页面装修介绍 4.1.4模板 每一个模块系统都预置了1个或多个模版，通过更换模版可以使模块显示样子瞬间变化： 说明： 模版共分为“最近使用”“我的创建”和“系统模版”，分别含义如下： 最近使用：里面放置的是你最近使用过的模版，可以快速选择无须寻找 我的创建：里面放置的是你自己创建的模版 系统模版：官方或第三方开发者提供模版 页面装修介绍 4.1.5选项卡名词解释 选项卡：是指和模块标题并列显示的可添加超链接的功能。选项卡的使用如下： 使用说明： 输入“超链接文本” 和“网址”如上图中的，然后点击【增加】，可以添加多个，最后点击【批量更新】，最后记得点击【保存】哦，待页面【发布】后可看到效果，点击【刷新】可即可看到效果哦。 页面装修介绍 4.2添加“商品类目”模块 4.2.1添加的操作流程 选中要添加该模块的布局，点击【添加模块】按钮： 选中“商品类目”模块，点击【置入】： 置入后显示如下： 页面装修介绍 点击模块名称后面的【设置】可进行该模块的内容完善和显示效果更换等。 页面装修介绍 4.2.2设置 点击【设置】后显示如下： 默认选中的是【皮肤】。 4.2.3皮肤 同4.1.3操作 4.2.4模板 同4.1.4 4.2.5选项卡 同4.1.5 页面装修介绍 ?4.3添加“店内搜索”模块 4.3.1 ? 添加的操作流程 选中要添加该模块的布局，然后点击左下角的【添加模块】，举例如下： 点击【添加模块】后，弹出的操作面板中找到“店内搜索”模块，并点击【置入】 页面装修介绍 置入后默认显示如下： 如图可见，该模块位于“分页显示商品”的下面。 页面装修介绍 名词解释 模版的拖拉移动：鼠标移动到模块上，并按下左键，不松开左键同时移动鼠标可将模块移动到一个新的位置，比如上下交换位置等。 这时，用鼠标选中“店内搜索模块”，按下左键向上拖拉鼠标，待移动到目标位置时松开鼠标左键，即可将该模版移动到上面（同理也可以往下移动、跨布局移动等），如下： 松开鼠标： 即可完成模块的上下移动，当然模块的移动不局限于布局内，也可以在布局间来回移动哦。 点击该模块名称后面的【设置】，可进行内容修改。 页面装修介绍 4.3.2设置 如上图所示默认选中皮肤。 4.3.3 配置名词解释 配置默认关键词：你可以设定一个搜索词，设定后该词会搜索框里默认显示出来。 配置热荐词：你可以设定3个推荐词，方便用户直接搜索而无须手动输入。 价格筛选：开启后可以让用户按照N元只M元之间来搜索你的店内商品。 4.3.4 皮肤 操作同4.1.3 4.3.5 模版 操作同4.1.4 页面装修介绍 目前系统预置有2个模版，截图如下： 4.3.6选项卡 操作同4.1.5 4.4添加“店内搜索结果”模块 4.4