导读：每一个店铺标配的4个页面都可以分别进行装修，在没有装修之前系统在每个页面默认了一些常规内容，对于这些内容你可以删除、和修改。每个页面的装修操作完全一样，这里我们以“店铺首页”的装修为例进行讲解。页面装修要遵循的原则：先添加布局-然后在布局里
每一个店铺标配的4个页面都可以分别进行装修，在没有装修之前系统在每个页面默认了一些常规内容，对于这些内容你可以删除、和修改。
每个页面的装修操作完全一样，这里我们以“店铺首页”的装修为例进行讲解。
页面装修要遵循的原则：
先添加布局-然后在布局里添加模块-然后设置模块的内容-最后发布共5个环节。
1、 布局介绍名词解释
布局：是指将页面划分为不同结构的条格，页面的所有装修内容必须放置到布局内;每一个页面可以有多个布局。
目前系统提供了12个布局供选择和组合使用。
特别说明：
每一个页面的最顶部会有一个通栏布局(没有删除、移动操作)该布局里面放置的模块会自动强制显示在店铺所有页面。
建议在该布局内仅放置店铺招牌、店内导航和主推活动的banner等内容;如果只想将内容显示在当前页面，请手动添加新的布局后再添加模块，请勿使用该默认布局。
2、添加布局
21可用的布局列表在装修页面点击顶部左上角的添加布局按钮，打开如下选择器：
一共有12个布局供选择。
22使用说明
点击添加后，该布局将显示在页面的更底部，如果必要需手动向上移动。
添加后的可视化页面显示“通栏布局(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、添加模块
41、添加“分页显示商品”模块411添加的操作流程
选中要添加模块的布局，比如：
点击添加模块按钮，依次找到目标模块后点击置入，
模块置入完毕后，可对模块进行修饰和内容完善，操作如下：
412设置
点击模块的设置，会弹出如下操作面板：
如上图，默认选中的是皮肤操作。
413皮肤
名词解释
皮肤：用来美化该模块的边框和周边，详细功能
说明：
皮肤选择：系统预置了2套皮肤，可以快速选择使用
标题栏：用来设置模块标题区域范围内皮肤的操作
内容区：用来设置模块内容区域范围内皮肤的操作
底部栏：用来设置模块更底下区域范围内皮肤的操作
414模板
每一个模块系统都预置了1个或多个模版，通过更换模版可以使模块显示样子瞬间变化：
说明：
模版共分为“最近使用”“我的创建”和“系统模版”，分别含义如下：
最近使用：里面放置的是你最近使用过的模版，可以快速选择无须寻找
我的创建：里面放置的是你自己创建的模版
系统模版：官方或第三方开发者提供模版
415选项卡
名词解释
选项卡：是指和模块标题并列显示的可添加超链接的功能。选项卡的使用如下：
使用说明：
输入“超链接文本” 和“网址”如上图中的，然后点击增加，可以添加多个，最后点击批量更新，最后记得点击保存哦，待页面发布后可看到效果，点击刷新可即可看到效果哦。
42添加“商品类目”模块
421添加的操作流程
选中要添加该模块的布局，点击添加模块按钮：
选中“商品类目”模块，点击置入：
置入后显示如下：
点击模块名称后面的设置可进行该模块的内容完善和显示效果更换等。
422设置
点击设置后显示如下：
默认选中的是皮肤。
423皮肤
同413操作
424模板
同414
425选项卡
同415
43添加“店内搜索”模块
431 添加的操作流程
选中要添加该模块的布局，然后点击左下角的添加模块，举例如下：
点击添加模块后，弹出的操作面板中找到“店内搜索”模块，并点击置入：
置入后默认显示如下：
如上图可见，该模块位于“分页显示商品”的下面。
名词解释
模版的拖拉移动：鼠标移动到模块上，并按下左键，不松开左键同时移动鼠标可将模块移动到一个新的位置，比如上下交换位置等。
这时，用鼠标选中“店内搜索模块”，按下左键向上拖拉鼠标，待移动到目标位置时松开鼠标左键，即可将该模版移动到上面(同理也可以往下移动、跨布局移动等)，如下：
松开鼠标：
即可完成模块的上下移动，当然模块的移动不局限于布局内，也可以在布局间来回移动哦。
点击该模块名称后面的设置，可进行内容修改。
432设置
如上图所示默认选中皮肤。
433 配置
名词解释
配置默认关键词：你可以设定一个搜索词，设定后该词会搜索框里默认显示出来。
配置热荐词：你可以设定3个推荐词，方便用户直接搜索而无须手动输入。
价格筛选：开启后可以让用户按照N元只M元之间来搜索你的店内商品。
434 皮肤
操作同413
435 模版
操作同414
目前系统预置有2个模版，截图如下：
436选项卡
操作同415
44添加“店内搜索结果”模块
441添加的操作流程
“店内搜索结果”模块默认预置在“店内搜索结果”页面里，如无特殊需求请勿删除。
系统预置该模块的显示位置截图如下：
点击页面装修显示如下：
当用户点击搜索按钮后，用该模块显示搜索结果的，如果删除了该模块，将无法显示搜索结果，请慎重操作，在没有把握的前提下请勿删除和移动该模块。
当然该模块也可以设置，如在上图中点击模块名称后面的设置。
442设置
默认显示如下：
如上图，默认选中了“皮肤”。
443皮肤
操作同413
444模板
操作同414
445选项卡
操作同415
45添加“销售排行”模块
451添加的操作流程
选中将要添加销售排行模块的布局，比如：
点击添加模块，在打开的操作面板中找到“销售排行”模块，并点击置入，
置入该模块后默认显示效果如下：
点击设置可进行模块内容配置。
452设置
点击设置打开操作面板默认是“皮肤”。
453皮肤
操作同413
454模板
操作同414
455选项卡
操作同415
46添加“商品推荐”模块
461添加的操作流程
选中要添加该模块的布局，比如：
然后点击添加模块，在弹出的操作面板中找到“商品推荐”模块并点击置入：
置入该模块后默认显示效果如下：
点击模块名称后面的设置可以补充内容。
462设置
点击设置后默认打开的是配置。
463配置
点击设置后会打开如下操作面板：
名词解释
ID录入：是指通过录入一批商品的SKU，来实现推荐商品的操作。
筛选录入：是指通过1、2、3级分类来批量录入商品SKU，实现推荐商品的操作。
1) ID录入：
如何查看商品的SKU请参考附件一：商品SKU的查看方式。
2) 筛选录入商品：
商品录入后点击保存，则商品推荐就操作完毕了。商品显示如下：
这个时候我们可以点击，该模块名称后面的设置来更换皮肤哦。
464皮肤
依次点击模块名称后面的设置，在打开的操作面板中选择皮肤，即可进行皮肤设置。
操作同413
465模板
依次点击模块名称后面的设置，在打开的操作面板中选择模版，即可进行模版设置。
操作同414
该模块是装修店铺时用到最多的模块之一，模版数量目前也比较多，截图如下：
466选项卡
依次点击模块名称后面的设置，在打开的操作面板中选择选项卡，即可进行皮肤设置。
操作同415
47添加“导航”模块
471添加的操作流程
选中将要添加导航模块的布局，比如选择一个通栏来做导航模块：
点击添加模版按钮，打开添加模块操作面板，找到“导航”模块并点击置入：
置入完毕后默认显示如下图，可点击名称后面的设置来完善导航模块内容：
472设置
点击设置按钮后会弹出如下操作面板：
默认打开配置操作。
473配置
名词解释
导航名称：是指待超链接的文字
链接地址：是指点击文字后打开的网址
添加完毕后点击保存即可看到效果。
474皮肤
操作同413
475模板
操作同414
476选项卡
操作同415
48添加“自定义内容区”模块
481添加的操作流程
选中将要用来添加该模块的布局，并点击该布局左下角的添加模版按钮，在打开的模块选择面板中找到“自定义内容区”并点击置入，
置入完毕后显示如下，可点击设置来完善内容：
482设置
点击设置默认打开配置内容区域，通俗称呼为“HTML编辑器”。
483配置
自定义内容区功能简述，自定义内容支持使用：
1) HTML代码(仅支持body标签内的代码，不含body)
2) 部分CSS代码：常用效果的CSS代码也可以
3) Script代码：常见的javaccript代码
4) 系统内置的js库js代码
如果你写入了CSS代码，那么为了避免和系统css冲突请在你的CSS代码前面添加user等标识，以避免和系统默认样式冲突。
484皮肤
操作同413
485模板
操作同414
因为轮播图模块可以用来做banner、导航、活动入口、重点推荐等诸多功能，所以该模块的模版按照用途去向分为几个小类，截图如下：
你可根据具体的使用目的灵活组合使用。
486选项卡
操作同415
49添加“轮播图”模块
491添加的操作流程
选中要添加轮播图模版的布局，通常用轮播图来做banner、首图等所以一般选择位于页面中上位置的布局：
点击添加模块按钮，找到轮播图模块并点击置入：
模块置入后默认显示效果如下图，可点击设置进行修改内容：
492设置
点击设置按钮，打开操作面板，默认会选中配置操作。
493配置
说明：
1) 点击选择上传轮播显示图。
2) 标题：输入每一张的标题。
3) 链接：输入每一张的链接到的网址，注意必须是京东网址。
操作完毕后点击保存，你最多可以设置8张轮播图哦。
494皮肤
操作同413
495模板
操作同414
496选项卡
操作同415
410添加“店铺简介”模块
4101添加的操作流程
选中要添加店铺渐渐诶(改)模块的布局，然后点击左下角的添加模块按钮，该模块默认预置在“店铺简介页”里。如果没有特殊需要，请勿删除和移动。
点击设置可对该模块进行管理和美化。
4102设置
说明：该模块的简介内容在供应商后台--我的店铺-店铺装修设置-品牌简介：
4103皮肤
操作同413
4104模板
操作同414
4105选项卡
操作同415
411添加“店铺公告”模块
4111添加的操作流程
店铺公告模块默认预置在店铺首页左下角的位置，如无特殊需要请勿删除。
4112设置
该模块的内容维护在“供应商后台”-我的店铺-公告海报管理-公告管理。
点击该模块的设置直接定位到皮肤操作
4113皮肤
操作同413
4114模板
操作同414
4115选项卡
操作同415
412添加“店铺招牌”模块
4121添加的操作流程
店招模块默认在每一个页面的顶部，如果无特殊要求请勿删除该模块。该模块的内容维护在“供应商后台”-我的店铺-店铺管理-店铺基本信息。
4122设置
点击可以进行修饰操作。
4123皮肤
操作同413
4124模板
操作同414
4125选项卡
操作同415
5、页面设置
页面设置包含背景设置和分享设置。
51背景设置
在每一个页面装修的时候，浏览器窗口的左上角都有一个按钮叫页面设置点击它可以看到背景设置
说明：
背景颜色：可以选择或者输入背景色颜色值。
背景宽度：用来限定背景色、背景图的宽度;数值单位是像素，留空则表示全屏。
背景：请上传一张，大小限制300K。
采用“背景”结合“自定义内容区”模块可以 *** 出诸如“全屏banner”之类的效果。
52分享设置
为店铺增加分享浮动条，可以选择显示在页面的左侧还是右侧，同时可以设定默认分享词;支持分享店铺到新浪微博，腾讯微博，人人网，开心，豆瓣等其他第三方网站。
分享词，留空则程序自动读取一段文字，建议手动撰写文案后保存。
说明：
分享词：建议输入140字符内，因为要分享到微博等网站，超出部分将被对方网站自动截断。
可能会影响微博内容的完整性。
餐饮店店面装修是吸引顾客的重要因素之一，因此需要注意一些要点。首先，要根据餐厅的定位和风格来确定装修风格，例如中式、西式、现代等。其次，要考虑店面的布局和空间利用，确保顾客在用餐时有足够的私密性和舒适感。此外，要注意灯光的选择和布置，以营造出温馨、舒适的用餐氛围。
想知道具体装修价格，可以用“装修神器”报价器来算，只需输入面积+城市，立即算出本地装修报价，列出102项装修的明细表，让你对着装修，就不担心超支了，点击这里开始计算：3秒获取本地装修报价
在装修过程中，需要考虑到当地的市场价。根据不同地区的消费水平和市场需求，装修费用也会有所不同。一般来说，中档餐饮店的装修费用在每平方米5000-8000元之间，高档餐饮店的装修费用则可能达到每平方米10000元以上。当然，这只是一个大致的价格范围，具体的费用还需要根据实际情况来确定。
最后，我建议在餐饮店店面装修时要注意以下几点。首先，要根据目标顾客群体的需求和喜好来确定装修风格，以吸引他们的注意力。其次，要合理利用空间，确保顾客在用餐时有足够的私密性和舒适感。此外，要注意灯光的选择和布置，以营造出温馨、舒适的用餐氛围。最后，要根据当地的市场价来确定装修费用，确保在合理范围内控制成本。通过以上的注意事项，相信餐饮店的店面装修能够更好地吸引顾客，提升经营效益。
装鹊网是国内更大的装修平台之一，累计业主4100多万，做11万家装修公司，覆盖全国300多座城市，用户口碑非常好，不仅能满足你的装修需求，更可以根据你的预算提供专业的装修公司和报价，想要找好公司，了解更多的装修知识就上装鹊网，点击这里，免费1对1为您家装修服务：装鹊网在线官网
店铺装修要注意的问题
一、店铺装修涉及哪些内容？
1、店招设计
2、导航区设计
3、主推款海报、活动海报展现
4、中间的自定义分类商品展示区
5、右侧模块设计
6、左侧模块设计
7、页尾的设计
接下来，咱就一个一个来细讲，如何把握好每一个部分的装修。
二、店招设计如何才出彩？
1、店招必备要点
① 品牌LOGO和店铺名：一定要出现在醒目的位置。
② 品牌Slogan（广告语）：展现你店铺的特点、风格、形象。
③ 视觉点：可以是促销信息、优惠信息等
④ 关注或收藏店铺的入口
优秀店招展示：
2、 *** 店招的注意点
① 店招一定要凸显品牌的特性，让客户很容易就清楚你是卖什么的，包括风格，品牌文化等等！
② 视觉重点不宜过多。有1-2个就够了，太多了会给店招造成压力！要 根据店铺现阶段的情况来分析，如果现阶段是做大促，可以着重突出促销信息。
③ 整体风格要与店内产品统一
④ 颜色不要复杂，颜色一定要保持整洁性。
⑤ 如果店招里有季节的要素，需要根据季节及时更换。比如女装店要注意随着季节变化及时调整，不要放置过季服装在店招上。
三、导航区如何设置才合理？
1、宝贝导航可以按宝贝类别，按款式，按季节设置分类。也可以增加个性化分类，比如热销宝贝、手机专享、会员专享。（不用设置很多，因为首页左侧模块还可以利用，后面将细讲）
2、搜索框
宝贝很多的话，可以导航区旁边增加搜索框，方便顾客搜索。
四、主推款宝贝、促销宝贝的海报设计步骤
步骤1：风格定位
这要求我们要对宝贝有了一个整体的了解与认知。比如这款宝贝是秋装。那我们在设置海报色调和装饰元素时，就要紧扣“秋装”这个主题氛围。比如这款宝贝的风格是复古，那就要选择复古的色调和元素。
步骤2：构图① 右图左字构图
② 左图右字构图
③ 两边图中间字构图
步骤3：写文案
① 提炼宝贝卖点
② 凸显品牌气质、明星代言等
③ 展现折扣力度（预售折扣、促销折扣）、优惠券信息、满减、好评、爆款、搭配增送等优惠等信息。
步骤4：修饰
修饰字体和细节，让海报更加完善。
五、分类商品展示区如何设计？
1、可以展示各种店铺各类目的优秀宝贝。
2、也可以适当设置热爆款展示、每日上新、特惠活动等等。
六、右侧展示区如何设计？
1、旺旺 *** 。方便顾客询问。
2、“后院”入口按钮，点击可查看“后院小报”、“粉丝分享”等模块。方便个性化展示店铺，与粉丝互动。
3、优惠券、广告信息。
4、其他功能按钮，比如粉丝签到等。
注：可以挑选入用，简洁切忌繁琐。
七、左侧展示区设计
1、分类导航。这里的分类建议和导航区的分类区分开。（可以一个是类目导航，一个是个性化导航）
2、微淘按键。
3、收藏按键。
八、页尾应该设置哪些功用？功用1：放置“发货/物流/售后须知”提示。可以给顾客温馨、专业地感觉。
功用2：放置“微信/微淘/微博”链接（二维码）。方便和顾客互动，培养忠实粉丝。
功用3：放置“返回顶部/返回首页”按钮。方便顾客再次浏览。
功用4：放置“收藏”按钮，再次提醒顾客收藏店铺。
九、店铺装修的'准则
1、体现店铺的形象，有自己的风格，留住你的访客。
2、色调要适合你的宝贝，或温馨或热辣或小清新。注意整体色彩、搭配协调。
3、突出重点。比如：热销宝贝、最新促销、折扣、新品。5秒内，简单、快速、精准的传达给访客你最想表达的信息。
十、店铺装修的误区
1、盲目跟风。没有结合自家店铺的实际情况（比如风格、品类等），别家咋装修也跟着这样装修。
2、太大。影响页面加载速度，跳失率增加
3、首页太长太复杂。切记从体验的角度上来讲，简单的才是更好的。
4、首页配色过多。颜色太多、太跳跃太过于刺眼，让顾客直接想逃离你的店铺。
5、导航混乱。没有清晰明确的顶部导航。
6、店铺装修不能抓住重点，主次不分。
7、 忽略了首页的搜索功能。请别忘记如果你的店铺宝贝超过100个，请在导航区加入搜索框。
十一、备战双11或双12时，中小卖家们如何进行店铺装修？
1、店铺装修要突出主题。展现大促的logo、元素。
2、招牌商品展示。挑选活动当天促销力度更大商品、 *** 爆款商品展示。
3、设置活动预告、抢红包、优惠券等。提前预热，与顾客互动。
4、做好移动端店铺装修。可以设置微淘价，手机专享价。
5、导航营销。可以在导航中特别设立一个类目为“双11大促宝贝”等。
6、文案营销。可以写点店铺的成长、店铺和双11（双12）的故事，打情感牌。
参考 *** 的移动店铺装修功能，只支持Chrome和UC浏览器，所以经过产品同意，可以不考虑兼容性的问题，也意味着可以选择更多。
约两周
手机端预览效果
因为这个项目功能比较独立，所以迁入fis项目进行构建。同时考虑到涉及交互还比较多，所以参考使用框架来帮助我们更好的完成开发。考虑开发周期，经过初步筛选，决定入坑Vuejs。
我们这里使用这个框架主要是拿它来实现需求中手机端的预览效果：把手机端预览中的每个模块都当成component进行组装，通过改变数据来控制展示（拖拽功能即多塞了一条数据，改变属性就相当于改变其中一个数据）。
备份
备份功能也可以使用预览的相同机制实现。
表单功能
至于表单部分功能比较多，可能还是要使用现有的组件来完成部分功能（如选择服务）。
扩展
以后扩展其他模块的话，其实也就相当于多注册几个component，扩展起来比较随意，也比较独立。
其他问题
对 *** 网店进行装修设计，必须掌握 *** 对自定义店铺的规定。对于普通店铺来说，可以发挥的空间有：店铺公告、宝贝分类、店标/论坛头像、签名、宝贝描述。赚钱商机。除此之外，还有计数器、背景音乐、挂件、欢迎欢送、掌柜在线时间、营业时间、****等。
一、设置店标/论坛头像显示
店标是店铺的标志。漂亮的店标作用可不小，可以吸引买家点击进入你的店铺哦！大部分店标是动态，可以由产品、宣传语言、店铺名称等组成。推广平台。店标一旦确定后，更好不要随便更改。
二、巧妙运用店铺公告栏
店铺公告栏在页面的最上面，位置非常醒目。公告栏中只放“欢迎光临”几个字实在是太可惜了。我们可以充分利用这个位置，将店铺的特色、促销活动等信息展示出来。创业调查。
店铺公告栏中可添加的装饰内容包括：店铺公告、背景音乐、计数器、挂件、浮动公告等。
①店铺公告
为了即时体现小店的一些最新消息，比如特价、打折、红包等优惠信息，就要在公告栏中加上自己的特色公告。
②店铺背景音乐
背景音乐越大，页面载入速度就越慢。所以音乐体积小一些的好，midi就比较好喽。
③访问计数器
使用计数器可以随时了解自己店铺的访问量。
④店铺挂件/浮动公告
这些小挂件可以让小店蓬荜生辉，也可以把一些特价活动放在里面。
提示：公告、挂件都需放在一个稳定的 *** 空间中（可以用免费相册，也可以购买一个自己的空间）。
三、宝贝分类栏是重中之重
店铺类目的装修是重中之重。在店铺类目中，不仅可以很方便地用各种来展示商品分类，还可以通过及上的文字来表达想表达的任何内容（例如：欢迎光临、营业时间等）。在店铺中显示更直观更具吸引力，很好的配合了店铺装修和突显卖家个性。
店铺分类的颜色、图案和文字更好是与店招有一定的乎应，这样整体会有一种连续性和协调感。一般情况下，在分类的最下边还会加上****、营业时间、计数器的。
除了美观之外，店铺内商品分类，属于店铺的管理功能之一。它为卖家提供了以各种纬度对商品进行归类组织的途径。对商品归类后，卖家可以更好的管理自己的商品。它为买家提供了按分类查询商品的方式，便于买家逐层的选择自己的商品。合理的宝贝分类能够让顾客更快找到想要的宝贝。
