阿里巴巴店铺装修教程【阿里店铺装修】

1、登录阿里账号，卖家中心——管理店铺——点击装修旺铺(PC版)。

2、进入装修界面，点击上方的模版管理，基本上开通了诚信通后都有免费的模板，如果不会自己个性设计首页，那么直接套用免费模板是简单的。

3、打开诚信通专属模板，找一个自己比较喜欢且符合自己行业产品的模板，应用到旺铺。

4、应用到旺铺之后，我们可以看到店铺的大体的模版已经出来了，但是内容除了产品是我们的之外，其他的内容都是模版的，这就需要我们将这些内容替换成我们的。

5、我们先把整个店铺中需要更换内容的地方记下来，先用制图软件将这些图片做出来，再替换模板上的图片。

6、图片做出来后，从上往下改，首先是店铺的店招，轮播图，主营产品等，每个店铺的模板都是由几个模块组成，模块的右边有个设置，我们可以从设置那里进行更换，设计，调整。

7、把需要更新的内容更换掉，那么整个店铺就算装修完成了，如果觉得内容不够完善，我们还可以按自己的需求添加其他的板块，点击添加板块，把需要展现的内容再添加上去，如优惠卷，工商网监，全屏轮播，代理政策，自定义内容等等。

8、更换完成后，整个店铺的装修就已经完成了，这种是很简单的套用模板装修，阿里上也有其他付费的模板可以购买使用，装修步骤和套用免费模板装修的步骤是一样的。

9、如果想要更个性的设计，如、整个店铺是全屏效果，有动画效果，动作等，那么则需要借助一些装修工具或利用代码进行装修。

1、在电脑浏览器上登录账号阿里巴巴账号，。

2、进入后台，。

3、然后点击旺铺，。

4、然后点击旺铺装修，。

5、进入店铺首页装修页面，然后点击导航这里，因为这里在右边截图不到，鼠标点击这个导航，右边就可以看到设置两个字，点击它，。

6、然后弹出设置，点击使用自定义风格，。

7、然后点击背景颜色这里，选择颜色，确定，。

8、然后点击确定，然后店铺导航背景即会变颜色了，然后点击发布即可。。

1、要体现出品牌；要一眼就体现出你的特色，至少要让人从店招上面看出你在卖哪些东西；其次是可以加上荣誉方面的东西，比如明星店铺，进步快店铺等；综合以上因素，这么多条，设计的时候必须掌握一个度，要简练且表达到位，千万不能让店招看着太复杂。。

2、第一点，导航条主要有一些促销分类，产品分类，以及品牌宣传之类。主要目的是引导买家以简练快捷的方式进行购物，提高买家的购物体验。导航一定要清晰明了，能让买家很舒服地逛你的店铺，你就成功了。第二点，导航的设计不能太过花俏，色系运用方面尽量接近店铺主色调。店铺产品分类产品分类的方式很多，比如按风格分，按价格分，按用途分，按材料分，按大小分等等，这时我们要结合产品定位和消费群体定位挑选重要的元素搭配。要尽可能清晰明了，不能在同一个地方同时卖弄艺术和文采。。

3、色彩运用色彩运用不当也会带来一系列的影响，你要结合自己的产品特色和品牌特色选取相关主色调，必须要有一个很完善的色彩搭配理念。本店以黑白灰作基色，蓝色为点缀色。我们之所以选蓝色点缀，是希望给人一种自由的视觉感受，一盏灯一个家，让您恋上一种生活方式。而设计整体是以浪漫的意大利风为主。。

4、关于色彩搭配方面的技巧：只用一种色彩。指选定一种色彩，然后调整透明度或饱和度，使得页面看起来色彩统一，而且富有层次感。用两种色彩。先选定一种色彩，然后选择他的对比色。运用一个色系。通俗点说就是使用同一种感觉的色彩，如淡蓝、淡绿、土灰、蓝等。。

1、首先先设扰如计好你的图片，然后往上枣李贺传就可以了。

2、如果你要全屏自定义的话可以自己写代码也可凳派以用疯狂的美工阿里巴巴代码工具在线生成代码的。

1、首先我们进入店铺首页点击店铺装修进行美化；。

2、进入后把鼠标放在招牌处（勿点击）会在右上角出现设置的字样！点击设置进入下一部。。

3、制作招牌选择；当进入之后会出现对话框“设置板块：招牌”若是觉得对自己美工技术满意！可以选择普通招牌-然后选择招牌宽度-切记看清楚招牌所需要的尺寸（以免出错）。点击上传你的自定义招牌之后记得将“公司名称”一下类目全部不选择！但是今天我们要将这是在线制作，请选择在线制作招牌板块点击重新制作招牌进入下一步；。

4、选择模板；当进入下页面的时候请先选择你的行业，在选择你喜欢的模板点击“开始制作”进行装修；。

5、修改文字；当进入招牌修改的的页面只是请点击你要修改的字体出现线条框之时，便可在右手边填入文字。选择体现方式。更换图片也是如此视图；。

6、功能；还可以在招牌中加入更多自己想要的 比如联系方式 闪烁效果等..........。

7、输出；当招牌全部修改成功之后点击输出-覆盖原有-发布即可。。

1、您好，操作步骤、点击店铺-无线建站中心-装修-自定义内容拼图版块，鼠标左键点击该版块不放，拖动到合适位置，然后在右上角点击-设置自定义图片。

2、你会看到里面有很多正方形的表格，一个表格的像素是80px*80px。

3、宽度有8个表格，所以手机端的宽度是640px。

4、高度自己设定，一定要80px的倍数(方便后期设计好的模板裁切)。

5、不如我宽度是640px，高度要8000px(100*80)。

6、然后打开PS，新建图层640px*8000px。

7、如图、PS、由于阿里手机端装修，尺寸都是80px的倍数，所以在设计的时候，好量好尺寸，再进行设计，免得到时候设计好了，发现尺寸不对，你上传的时候拼接也是不完整的，这就尴尬了。

8、考虑到尺寸问题，我利用320px像素进行8000px像素的分割，然后我根据分割的线条进行设计。

9、计算公式、8000除以320=然后利用PS进行设置，如图、这样分割线就出来了，然后进行模板的设计。

10、具体设计效果看您自己本人的美工技术了。

11、设计好的模板如图、由于产品我们都要添加不同的链接，所以只能把产品图片分开切割，在原来的切割基础上，垂直中间切割即可。

12、点击切片工具-鼠标右键-划分切片-垂直如图、要记住，图层的宽度是640px。

13、高度是320px。

14、中间切割就是把宽度平均分开了，得到的两个产品图层就是320px和320px的两个正方形。

15、把设计好的模板全部切割完之后，开始进行手机店铺的装修。

16、进行我上面的步骤1。

17、在手机端拉好尺寸，尺寸必须和裁切的尺寸相同，如果偏大偏小，显示的效果就会变样了。

18、如图、上传图片好之后，点击右上角-使用原图即可。

19、如图然后对应的图片插入对应的手机端链接(必须是手机端相关链接，电脑端无效)。

20、告诉大家如何获取手机端链接吧、获取手机端相关链接如下、首页、首页、https、//m.16com/winport/dgfyyinsa.html注意、直接把后面的账号ID、dgfyyinsa替换成你自己的就可以了。

21、产品分类、例如我的一个分类是、通用杯按件出售电脑端链接、https、//feiyangcup.16com/page/offerlist_9446030htm?spm=a262177700.0.49d62630DJLUbg手机链接、https、//m.16com/page/offerlist.html?spm=a262gh.983160.0&catId=94460306&catPid=&isUserDefined=true&title=通用杯按件出售&memberId=dgfyyinsa注意、把电脑端的产品ID、94460306替换到手机端的ID。

22、然后在title=该分类的名称，把后的账号ID改成你自己的账号ID，即可。

23、如图、对应产品手机端链接、电脑端的链接、https、//detail.16com/offer/4869945html?spm=a267692e946c5fqEMQes手机端的链接、https、//m.16com/offer/4869945html注意、把电脑端的ID、486994556替换到手机端的ID、486994556即可。

24、用同样的方法，在手机端添加产品，如图、记住，我们前面切割的产品尺寸是320px的正方形的。

25、如果不明白，看步骤即可。

26、产品链接对应相关的手机端产品链接即可。

27、刚刚上面已经教了如何获取手机端的相关链接了。

28、这里就不重复了哦。

29、用相同的方法，添加完所有的图片和链接，后保存即可完成。

30、其实也不复杂，只要把握好尺寸就可以了。

1、年前有不少朋友请教这个问题，论坛上也有热心的朋友分享过类似的帖子，不少朋友反应看不太明白，有可能那些帖子对于新手来讲有些过于深奥，所以就写了这篇步骤和方法简单一些的帖子，希望能够帮助的新手朋友。。

2、前期准备工作： 图片形状：准备好做轮转效果的图片，根据自己的需求，图片可以是正方形也可以是长方形，当然是要清晰美观的前提下，一般情况下大家用的都是正方形图片，这里我们也用正方形来做演示。 图片尺寸与数量：店铺首页大内容显示区域宽度是990PX，我们的单个图片大小制作成200X200ＰＸ，当然这个大小可以自己定义，由于图片大小不一样，所以小图片数量也就不同，因为要滚动效果展示能满足横向满屏（虽然这种办法没办法满足无缝轮转，但是横向满屏还是有必要满足的），图片不宜过少，这里我们使用200X200的正方形图片，我们就图片数量小为6张。 代码： 这里是按照6张滚动图片，从左至右的方式滚动的。代码中的#号换成图片地址即可。代码中的高度和宽度的限制是200X200，这个宽高值是可有可无的，建议大家加上去，有的朋友做图片的技术可能不是很好，会造成6张图片的宽高稍微有些差别，这里加上200PX的限制，可以稍微统一一下宽高，以免出现滚动图片变形（这种情况我以前见过不少，变形了会很难看的，大家可以直接复制使用下面代码）注：大家在电脑桌面上建一个文本文档，把这段代码复制到文本文档里，以便我们修改。以上是前期准备工作，制作前必须做好以上准备工作。。

3、二．接下来就是开始进入阿里实际操作 首先把制作的6张图片上传到图片银行里面 图片上传到图片银行后千万不要随便删除，因为我们要引用，一旦删除，前台就没办法显示图片。 上传图片的方法和过程就不详细说了，就跟平时上传产品图片一样。引用图片的方法如下： （这里我随便拿个图片演示一下，大家制作的时候使用自己上传的图片即可）我这里使用的是谷歌浏览器，有一些浏览器点击右键是不会出现“复制图片网址”这个按钮的。建议大家使用兼容性较好的谷歌浏览器。获取图片网址的方法有很多，我们这里只讲这一种便捷的。 。

4、然后我们把从图片银行中复制过来的图片地址添加到我们准备的代码中。代码放的位置就是替换掉#号，千万记住要引号保留。（这里我们演示一共加入6张图片网址，按照顺序添加替换#号即可）替换后如图：。

5、用这样的方法，依次把剩下的5张图片的网址都加入到代码中，完成后如图：。

6、到这里为止，代码部分已经制作完毕。下面开始添加代码。 。

7、打开阿里装修页面，如图： 。

8、点击后进入阿里装修页面首页。。

9、添加自定义装修板块 。

10、点击添加后弹出如下添加板块的窗口 。

11、把制作好的代码复制粘贴到自定义板块中。 。

12、注意：这里要特别注意，代码复制进去后千万不要切换视图模式，好别的按钮都不要动，直接点 击“确定”按钮。不然滚动代码会被刷掉。这里是成败的关键。 。

13、总结：阿里仅仅支持简单的HTML代码，所以这种方法没办法制作无缝轮转效果。其次是制作出来的效果不支持编辑，一旦编辑轮转代码就会被刷掉，需要重新手动加入轮转代码。（有不明白的新手朋友可以加我Q，大家共同学习。）。

1、登录阿里巴巴，箭头位置找到——我的阿里——卖家中心-点击进去。

2、点击卖家中心进到如图所示，点击旺铺。

3、进入旺铺之后，点击箭头所指——页面布局设置。

4、点入当前页面，鼠标放在——通栏布局-那里，会出现添加布局。

5、点击添加布局，进入截图界面，选择——全屏——确认。

6、进入界面，会有一个全屏布局，点击添加板块，进入添加板块界面，选择—全屏大图。

7、进入此截图，点击选择图片，（可以选择我的电脑，也可以在图片管家），选择1920的图片放上去，自动再次进入全屏大图。

8、在此截图，勾选隐藏底部边距。在设置连接。

9、进入此截图，画热区，点击连接加产品链接，点击完成就可以了。。

10、点击发布就可以了。

1、旺铺装修权限：主账号、制作员账号；子账号是没有装修权限的。。

2、如何进入：MA—我的全球旺铺—管理。

3、手机端的旺铺装修功能已经在旺铺0进行开放制作中客户暂无旺铺装修的入口，您网站正式开通后，就可以进行装修了。。

转载请注明出处阿文说说网 » 阿里巴巴店铺装修教程【阿里店铺装修】