京东店铺怎么装修（京东店铺装修完整教程）

现在越来越多的商家选择在京东申请开设自己的店铺，今天在这里就讲一下京东商城怎么装修。

登录京东店铺后台：

　　每一个店铺标配的4个页面都可以分别进行装修，在没有装修之前系统在每个页面默认了一些常规内容，对于这些内容你可以删除、和修改。

　　每个页面的装修操作完全一样，这里我们以“店铺首页”的装修为例进行讲解。

　　页面装修要遵循的原则：

　　先【添加布局】-然后在布局里【添加模块】-然后【设置】模块的内容-最后【发布】共5个环节。

　　1、 布局介绍

　　名词解释

　　布局：是指将页面划分为不同结构的条格，页面的所有装修内容必须放置到布局内；每一个页面可以有多个布局。

　　目前系统提供了12个布局供选择和组合使用。

　　特别说明：

　　每一个页面的最顶部会有一个通栏布局（没有删除、移动操作）该布局里面放置的模块会自动强制显示在店铺所有页面。

　　建议在该布局内仅放置店铺招牌、店内导航和主推活动的banner等内容；如果只想将内容显示在当前页面，请手动添加新的布局后再添加模块，请勿使用该默认布局。

　　2、添加布局

　　2.1可用的布局列表

　　在装修页面点击顶部左上角的【添加布局】按钮，打开如下选择器：

一共有12个布局供选择。

　　2.2使用说明

　　点击【添加】后，该布局将显示在页面的最底部，如果必要需手动向上移动。

　　添加后的可视化页面显示“通栏布局（990）”：

　　当鼠标移动到布局区域内的时候会出现布局的名字、尺寸和操作，如上图：

　　名词解释

　　通栏（990）：是该布局名称，同时指出该布局为宽度990px的通栏布局

　　红叉：表示删除该布局的操作，布局被删除时它所包含的内容也会一并被删除且无法恢复，操作需谨慎。

　　绿色箭头：表示布局可用的上下移动操作

　　重复以上操作我们可以根据设计目的向当前网页添加多个不同版式的布局，比如在某个页面添加了7个布局，显示如下：

　　注意事项：

　　布局添加后显示为一个虚线框，每一行虚线框都是一个独立的布局。上图中选中的是左右布局，常用来左侧放置分类，右侧放置推荐商品。

　　你可以根据自己的设计思路，选择使用1个或者多个布局；布局的使用数量建议不要超过10个。

　　3、模板介绍

　　选择了布局就等于是为装修设定好了大纲和框架，接下来我们就要往框架里放置内容。

　　名词解释

　　功能模块：提供某些特效内容的系统功能称为功能模块。

　　目前系统已有5个目录分类共15个功能模块。

　　可用的“模块”列表

　　在任意一个布局的左下角有一个为名为【添加模块】的操作按钮，点击会弹出如下：

　　由上图可以看出模块的所属目录和名称。

　　上图为“店铺基础模块”，该目录下共有4个功能模块：

　　分页显示商品：如果您有M个商品，设置每页显示20个，那么就会有M/20个分页，直接点击页码即可查看对应页面的商品列表；每一个页面上的商品可以按照【销量】【价格】【好评数】进行排序。

　　默认是按照SKU的上架时间从晚到早排序的，您可以通过更换【模版】来调整默认排序。

　　商品类目：该模块用来显示店铺内的商品分类。

　　店内搜索：该模块是店铺内搜索框，您可以根据设计要求将该模块放置在合适的位置。

　　店内搜索结果：顾名思义用来显示搜索结果的，该模块默认在“店铺内搜索结果页面”预置了，如无特殊要求请不要删除。

　　第二个目录显示如下：

　　由上图可见该目录下有2个模块：

　　销售排行：用来显示店铺内商品的销售榜单，默认是前10个。

　　商品推荐：这个模块使用的频率最高，诸如“热卖”“店长推荐”“重点推荐”等等均可以使用这个模块来实现。

　　品牌团：仅适用于第三方卖家。商家可在该模块的“设置”里通过SKU ID录入参加了品牌团购的商品。

　　第三个目录为“店铺营销”模块，显示如下：

　　由上图可看到该目录共有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.1添加的操作流程

　　“店内搜索结果”模块默认预置在“店内搜索结果”页面里，如无特殊需求请勿删除。

　　系统预置该模块的显示位置截图如下：

　　点击【页面装修】显示如下：

　　当用户点击【搜索】按钮后，用该模块显示搜索结果的，如果删除了该模块，将无法显示搜索结果，请慎重操作，在没有把握的前提下请勿删除和移动该模块。

　　当然该模块也可以设置，如在上图中点击模块名称后面的【设置】。

　　4.4.2设置

　　默认显示如下：

　　如上图，默认选中了“皮肤”。

　　4.4.3皮肤

　　操作同4.1.3

　　4.4.4模板

　　操作同4.1.4

　　4.4.5选项卡

　　操作同4.1.5

　　4.5添加“销售排行”模块

　　4.5.1添加的操作流程

　　选中将要添加销售排行模块的布局，比如：

　　点击【添加模块】，在打开的操作面板中找到“销售排行”模块，并点击【置入】，如下图：

　　置入该模块后默认显示效果如下：

　　点击设置可进行模块内容配置。

　　4.5.2设置

　　点击设置打开操作面板默认是“皮肤”。

　　4.5.3皮肤

　　操作同4.1.3

　　4.5.4模板

　　操作同4.1.4

　　4.5.5选项卡

　　操作同4.1.5

　　4.6添加“商品推荐”模块

　　4.6.1添加的操作流程

　　选中要添加该模块的布局，比如：

　　然后点击【添加模块】，在弹出的操作面板中找到“商品推荐”模块并点击【置入】：

　　置入该模块后默认显示效果如下：

　　点击模块名称后面的【设置】可以补充内容。

　　4.6.2设置

　　点击【设置】后默认打开的是配置。

　　4.6.3配置

　　点击【设置】后会打开如下操作面板：

手机端装修：

1.进入商家后台:

点击我的店铺>店铺装修

2.点击手机店铺：

3.点击马上装修:

4.点击图中区域进行设置，设置完点箭头

5.装修中有很多模块可以用，现在讲解下最常用的： 自由布局活动，它可以安装你ps做出来的页面图片。

6.首先点击“自由模块活动”出现下图所示图片，然后点击它，并按住拖动到右边装修页面中，放开鼠标出现。

7.需要自由拖动红色框右下角至您要的大小，并双击它，就可以添加图片了，添加图片按钮在最右边。

8.添加图片步骤：点击“添加图片”>上传图片后，对着图片点击下，会出现打钩符合>最后点确定，搞定。

9添加链接，1.把鼠标放在最右边右上角的图片上，出现如图所示深灰色 点击中间，即可进入添加>2.添加单品链接只需点击自定义SKU项，然后填写如图所示2个地方，标题处可随意填，另外一处为要添加单品链接中的数字。