【淘宝店铺装修】如何设置图片轮播
淘宝店铺及宝贝的各类图片尺寸
淘宝店铺及宝贝的各类图片尺寸前言：所有宝贝，务必都要制作单独的无文字产品图（白底图、透明图，场景图、细节图），原稿尽量大一点，方便之后修改。
在协作过程中请务必遵守：“事前知会，事中沟通，事后汇报”的原则，即：需求方发起需求前务必先知会协作方需求内容，确定协作后第一时间务必要尽可能将所有的需求及需求的细节一次性交于协作方，协作完成后应通知各方协作结束并表示感谢。
宝贝图片：卖家中心-宝贝管理-出售中的宝贝-编辑商品第一张是主图：会被显示在搜索页面， 800*800px（大于700*700px的正方形），小于3M。
要求以场景图为主，突出核心商品在正中（会有鹿班的边框，防止被挡住），有卖点商品的突出卖点第二张~四张：场景图+产品细节图（突出卖点），如果要开直通车，可以把直通车的图放在第二张。
其中一张可以是产品信息图第五张：必须要白底产品图。
Sku宝贝图：每个产品sku一张图，详情页：750px宽，高度不能超过2万px。
图片保存jpg格式主图视频：路劲：卖家中心-店铺管理-图片空间-详情装修找到你要上传主图视频的宝贝，点击设置主图视频。
要求：封面及视频的比例请严格控制3:4（画面上下不留黑），建议尺寸750＊1000像素及以上。
视频时长最短为5秒，总时长60秒以内（建议30秒左右可优先被公域抓取）。
视频大小20M以上，200M 以下。
封面一共有五张尺寸750*1000：第一张：视频封面，产品、场景、卖点活动文字都要有。
主要产品放在中间750*750中，第二~第五张，全部都是卖点图片。
店铺装修：PC：招牌内容：950*120px，可以做超链接，需要css写入。
导航：950*30px，可以与店招一起制作首页页面宽度：1920px，高度不限制，所有设备最优可视区域为页面中部宽为950px的区域。
注意：所有大促的承接页都要从PC端的装修页面进入大促承接页，然后再进行移动端的装修。
移动：店招：750*580px，最好不要大于400k。
10张轮播主图设计(淘宝、拼多多电商)
很多商家最近在反应自己的转化率在下降，除开大盘数据影响以外，大家可以去检查一下你的静默转化率跟询单转化率，如果是你的静默转化率掉了，那么就可以检查你的页面信息、价格、促销信息、评价、主图，因为这些是影响静默转化率的因素，那么想要有一个好的转化率的数据，首先就要学会布局好你的主图，把你的视觉做好，根据平台的调研结果显示，买家浏览主图的占比是86%，如图所示：这个小调研的数据量较小，易存在偶然性，不能代表全部买家浏览习惯，但是至少能够说明的是有比较大的一部分人是会浏览你的轮播图，且还不只是浏览而已，在浏览了轮播图的这43个人中，有90%的人都从头到尾浏览完了轮播图，可见轮播图的浏览完整度是很高的，因为买家的购买时间越来越碎片化，加上多多性价比比较高，直接翻完你的轮播图就决定买不买你的了。
接下来给大家分享一下怎么布局我们的轮播图，首先我们先找到买家的需求点，挖掘买家需求点的地方有竞品的差评、售前售后客服的咨询，我们可以从竞品的差评中提取买家所担心的点、客服的反馈往往是买家在下单前纠结的事情。
把提到最多的点，放在最前面首先解决，然后再根据反馈的内容，按照次数的多少，安排图片解决优先顺序，然后在根据问题，用图片+文案的形式解决问题。
轮播图制作思路总结：1、从竞品差评、售前售后客服提取买家需求2、把需求点进行排序，把买家最看重的卖点放置在位置靠前的轮播图，减少买家的购买决策时长。
3、把10张主图填满，从买家看重的点进行排序，当成一个小型详情页来做。
4、如果商品的卖点太少，可以放商品保障图、承诺图、评价图。
5、图片不要堆砌太多卖点，1-2个即可。
6、图片色彩搭配不要超过3种颜色7、尽可能有些低价跑量产品，要重点突出营销类卖点。
8、产品图片要保证占整个图片60%以上。
9、图片不要随便复制、转载，最好是自己拍的高清图。
做好你的10张轮播图，就可以很好的提升买家的转化率，做好了你的买家就会对你第一印象特别好，如果你马虎对待，得到的结果也只能是一般般。
《网店开设》项目三练习
网店开设3（项目三）您的姓名： [填空题] *_________________________________一.单选题1、以下不属于系统提供给新注册的店铺免费使用的模板是。
（） [单选题] *A、动感红官方模板B、收费店铺官方模板C、旺铺专业模板(正确答案)D、简约官方模板2、在店铺装修过程中，系统会自动将已经发布的店铺模板或切换前的模板进行备份保持，系统可保留最近天的模板。
（） [单选题] *A、7B、15C、10D、5(正确答案)3、以下关于模板挑选说法错误的是。
（） [单选题] *A、可以利用搜索引擎和排序来挑选好的模板B、确定自己旺铺的版本，有针对性地搜索C、选择模板价位越高，越有效果(正确答案)D、根据自己店铺经营的行业和风格去选择模板4、关于店铺页尾设置，系统默认的模块是。
（） [单选题] *A、自定义模块(正确答案)B、图片轮播C、宝贝推荐D、导航栏5、淘宝店铺中曝光度最高，商家用来展示自身店铺名称和形象特点的部分指的是。
（） [单选题] *A、图片轮播B、宝贝推荐C、店铺招牌(正确答案)D、自定义专区6、卖家在商品图片上添加店铺LOGO是为了什么？（） [单选题] *A、体现个性化B、提高整体形象C、推广和防止盗图(正确答案)D、宣传需要7、淘宝店铺装修设置图片轮播模块至少要有张图片，最多可以轮播张图片。
（）[单选题] *A、2，7B、2，6C、2，5(正确答案)D、3，58、是显示卖家推荐的宝贝，通过设置关键词、宝贝分类、宝贝价格区间、新旧程度等参数将符合要求的宝贝显示在页面的模块区域。
（） [单选题] *A、宝贝排行B、宝贝搜索C、店铺导航D、宝贝推荐(正确答案)9、淘宝店铺页头包括和两个固定模块（） [单选题] *A、店标，导航栏B、店招，导航栏(正确答案)C、店标，图片轮播D、店招，自定义菜单10、告诉客户自己店铺是卖什么的，品牌店铺可以标榜自己的品牌指的是。
（）[单选题] *A、店标B、店招(正确答案)C、logoD、店铺名称11、以下不是店铺首页常见的布局形式的选项（） [单选题] *A、“R”结构布局(正确答案)B、“口”形布局C、对称对比布局D、POP布局12、以下说法正确的是：（） [单选题] *A、店招模块不能直接编辑或图片直接上传，导航模板可以直接编辑分类B、店招模板不能直接编辑或图片直接上传，导航模块只能直接编辑分类C、店招模板可以直接编辑或图片直接上传，导航模块只能直接编辑分类(正确答案)D、店招模板可以直接编辑或图片直接上传，导航模块不可以直接编辑分类13、不是老客户最关注的是：（） [单选题] *A、店铺的优惠信息B、店铺的装修形象及风格(正确答案)C、店铺的新品上架情况D、店铺的促销活动14、请选出正确的店招尺寸（） [单选题] *A、750*120B、750*150C、950*150D、950*120(正确答案)15、商品名称最多可以容纳多少个汉字？多少字节？（） [单选题] *A、30，60(正确答案)B、30，50C、20，40D、10；2016、店招的大小为（）以内？ [单选题] *A、30kB、50kC、80k(正确答案)D、100k17、导航条最多可设置（）项一级内容？ [单选题] *A、10B、12(正确答案)C、15D、1818、宝贝推荐最大推荐的宝贝数量不能超过（）个？ [单选题] *A、20B、22C、25D、28(正确答案)19、以下不在店铺页中的是（）。
淘宝店铺大图轮播代码
下面我就将自己制作出来的模板代码发布出来供大家制作参考吧，这样比较简单一点，稍微懂点代码的朋友都可以做到！大家有什么不明白的可以旺我！
本篇文章来源于 淘巧网Taoqao| 原文链接：/taobaodaxue/taobaozhuangxiu/20101101/7835.html
<ul>
<li><img alt="" src="/8/1.gif" /></li>
<li><img alt="" src="/8/2.gif" /></li>
<li><img alt="" src="/8/3.gif" /></li>
下面是该模板的代码：淘宝店铺促销区使用的三图轮换效果的代码。此代码仅适合淘宝店铺使用，因为代码用到了淘宝官方内核代码。代码简洁明了，易于使用。
<div style="width: 750px; height: 355px" class="slider-promo J_Slider">
</ul>
</div>
copyright
下面是该模板代码使用教程，淘巧网的促销模板代码使用也可以参照这个。 淘—巧—网
1.登陆淘宝，选择“店铺装修”，在打开后的页面点击“装修页面”，选择添加模块，添加自定义内容：然后确定。 本文来自淘巧网
5-淘宝旺铺装修教程
目录背景 (2)列表页 (4)店招 (7)店铺导航 (11)图片轮播 (14)悬浮旺旺 (18)宝贝分类 (20)特价模块 (27)宝贝推荐区 (30)友情链接 (32)宝贝描述模块 (36)布局管理 (39)备份与还原 (42)背景点击”装修“--”样式编辑“--”背景设置“ 便可设置店铺背景点击”背景设置“ --”页头设置“进店招位置的背景设置两种方式设置：选择调色器或者选择本地上传一张图片点击”选择要设置的页面“ -- 可以选择不同页面不同背景“页面设置”同”页头设置“列表页先来了解几个列表页的展示第一种是无法装修的--“默认搜索页”也就是买家在店铺内搜索了宝贝出来的搜索结果页。
第二种就是以前老旺铺的列表页--“默认宝贝分类页”【点击某个宝贝分类会出现的页面】这个页面可以在右侧750位置添加促销区点击“+”可以添加新的个性列表页如下：可以几个类目用一个子频道也可以一个类目一个频道如下：最后别忘记保存：如果想删除的话先在左侧选择你想删除的个性列表页然后点击“页面编辑”的“删除页面”即可具体的个性列表页同首页。
新旺铺的一大特色是：列表页可以删除掉所有默认模块自由装修啦！店招1.如何编辑店招？首先进入店铺后台点击店招“编辑”按钮2.可以使用默认的店铺招牌“店铺名称”虽然是默认店铺基本设置也可以修改3.可以选择图片空间选择图片进行默认店招背景5.如果不喜欢店招默认显示可以选择“自定义招牌”自由装修此处可以插入“banner maker”6.自定义招牌可以自由的输入代码如果店招自定义区内什么都没有是空白店招就会“消失不见”7.可以在右下方恢复历史记录8.最后进行保存即可拉！热门问题答疑：1招牌尺寸页头高度为：150px（已包含导航）建议招牌尺寸：950*120 px（即加上导航高度，刚好是150px，可避免发布后导航被挤掉不显示的问题）2店招模块误删后怎么找回来方法一：在页面管理-页面编辑-首页-“+添加模块”选择添加店铺招牌方法二：在页面管理-布局管理-首页-店铺页头-“+”添加店铺招牌3招牌中的收藏按钮制作收藏按钮需要自行设计制作。
淘宝店铺装修模板图片轮播代码
淘宝店铺装修模板图片轮播代码店铺装修模板图片轮播代码是一款能够美化店铺装修，吸引客户注意力，激发购买热情，提高宝贝转化率的产品。
该产品分为A款、B款、C款三种，每款都包含左右滚动、上下滚动、渐变三种效果代码。
其中，A款左右滚动代码如下：div style="" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls':'lst-main','navCls':'lst-trigger','activeTriggerCls':'current'}" data-widget-type="Slide"> ul class="lst-main">li>a style="" href="/" target="_blank">img src="" alt="图片1">a>li>li>a style="" href="/" target="_blank">img src="" alt="图片2">a>li>ul>div>以上是A款左右滚动代码演示，使用该代码能够为店铺增添不少美观度，同时吸引客户的注意力，提高宝贝转化率。
把图片轮播代码粘贴进去，点击保存即可。
使用图片轮播功能可以让店铺更加生动有趣，吸引更多的顾客。
淘宝网新旺铺各区域图片尺寸大小
淘宝网新旺铺各区域图片尺寸大小1.普通店铺店标大小：100*100px <=80k格式：jpg、gif （图片做好后直接上传）设置：管理我的店铺—基本设置—店标—浏览—选择本地做好店标文件2.旺旺名片/头像大小：120*120px <=100k格式：jpg、gif （图片做好后直接上传）3.宝贝图片大小：500*500px <=120k700*700 以上的图片可以在宝贝详情页主图提供图片放大功能(模特正面图800 * 1200) 格式：jpg、gif （图片做好后直接上传）4.旺铺店招(招牌)大小：950*150px <=80k页头高度为：150px（已包含导航）建议招牌尺寸：950*120 px（即加上导航高度，刚好是150px，可避免发布后导航被挤掉不显示的问题）格式：jpg、gif、png （图片做好后直接上传）5.图片轮播的具体尺寸与店铺具体布局有关。
图片高度：可根据卖家需要自行设定（100-600PX）图片宽度：通栏布局：图片轮播通栏宽度为950px两栏布局：左侧栏为190px 右侧栏为750px6.旺铺促销区大小：宽度<=735px，高度<=500px 改版后新旺铺高度无限制代码：<img src="店铺公告地址"/>格式：jpg、gif、html、文本（图片必须放置在网络空间或网络像册）7.旺铺宝贝描述大小：宽度<=722px（窄），宽度<=922px（宽）（加减2），一般宽度750px，高度随意代码：<img src="店铺公告地址"/>（图片必须放置在网络空间或网络像册）格式：jpg、gif、html、文本普通店铺的宝贝描述尺寸大小没有限制，但考虑到显示器的显示尺寸，应掌握在1000PX以下。
8.宝贝分类大小：宽度<=160，高度随意代码：<img src="宝贝分类地址"/>（图片必须放置在网络空间或网络像册）格式：jpg、gif（地址不要超过40个字符）9.背景音乐代码：<BGSOUND balance=0 src="音乐地址" volume=0loop="infinite" ></BGSOUND>格式：最好为WMA设置：管理我的店铺—基本设置—公告10.悬挂饰物代码：<img src="图片地址" style="left:20px;position:relative;top:0px;"> 格式（设置）：同上，须放置在网络空间或网络像册中的图片11.论坛签名大小：468*60px <=100k格式：jpg、gif注：网页图片屏幕显示分辨率在72-96dpi。
淘宝首焦轮播区海报的设计ppt课件
三、实操案例：新品上架的首焦轮播区 设计
1 设计理念
在色彩搭配上，颜色对比强烈，以增强视觉冲击力。画面主色调采用鲜艳的红色和 蓝色进行对比，营造出明亮、大气的视觉效果，这样的颜色设计很容易吸引买家的 注意力。
使用蓝色矩形图案进行修饰，使画面看起来更加和谐。 使用多种不同的字体进行组合，提高画面设计感。
四、技能扩展
淘宝店铺首页的首焦轮播区，在京东网店中相当于JSHOP店铺中的 “轮播图”。在京东店铺后台中完成网店布局的设置后，就可以通过 设置轮播图的操作来完成网店首页主要区域的装饰。在“轮播图”模 块中可以添加多种图像，使其轮流播放。
课后习题
以童装照片为素材，设计一个用于“双11”促销使用的童装店铺 首页轮播区活动模块，要求：画面色彩要协调，设计元素的颜色 不能太乱，画面要主次分明，活动主题文字要突出，具有较强的 吸引力和视觉冲击力。
一、首焦轮播区及其设计思路 2 商品详情页的设计思路
对文字进行艺术化的编排，通过变形文字来增强文字的可 读感和艺术性，而背景中的图像则以辅助修饰的方式呈现， 使主题文字更加突出。
Contents 目录
1 首焦轮播区及其设计思路 2 实操案例：节日主题的首焦轮播区设计 3 实操案例：新品上架的首焦轮播区设计 4 综合实训 5 技能扩展
CHAPTER FIVE
首焦轮播区的设计
学习目标
➢ 了解网店首焦轮播区的作用与设计思路。 ➢ 学会根据网店推广内容确认首焦轮播区的风格、布局、配色、文字和图片。 ➢ 学会根据不同的节日氛围制作合适的首焦轮播区。
❖ 首焦轮播区模块占据的面积较大，也是整个网店首页中最醒
目、最具有视觉冲击力的部分。如果首焦轮播区做得非常吸 引眼球，就会给网店带来很多的流量。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
轮播（至少准备两张，宽度固定为 750px，高
度没要求，所选高度要一至）
登入淘宝——卖家中心，点击空间。 点击上传——通用上传。
选择分类（要上传到哪个分类下，有助于查看。
没有合适的，也可以点击创建分类），点击添加
选择要上传的——确定 点击回到管理
复制空间中的连接 和店铺首页中的宝贝连接地址（点击这张轮
拉框——自定义，输入高度。 3.切换效果，根据个人要求选择。
4.点击添加，可增添数量。将地址和连接地址
（链接地址就是点击这张轮播，会跳到哪个宝贝详
情页或其他页面）黏贴到指定区域。 最后点击发布
注意事项 淘宝网标准版店铺才轮播的功能
宽度固定为 750px，高度虽没限制，但一般情
况下最好不要超过宽度。高度要一样高
【淘宝店铺装修】如何设置图片轮播
z0b9e 淘宝装修模板
轮播是淘宝网标准版店铺才有的功能，如果亲
能够找到可以轮播的代码，将代码黏贴放在自定义
内容区，一样可以达到轮播的效果。今天主要跟大
家分享第一种，淘宝网标准版以上的（包括标准版）
店铺:如何设置轮播 淘宝旺铺（标准版以上）
播，会跳到哪个宝贝详情页或其他页面） 在桌面新建一个 TXT 格式的文档，将连接都黏
贴其内 登入卖家中心——店铺装修，在右侧拈点击在
此处添加新拈——添加“轮播” 点击编辑
设置——保存 1.拈标题可以更改，可以显示、也可以不显示。
不显示就直接在拈标题处留空白。 2.选择合适的拈高度，找不到合适的，点击下