电商动态丨精彩干货丨开店技能丨营销活动
来源：聚佰亿
店铺装修首页中的轮播海报已经不是什么新鲜的事情了，那么你知道店铺店招里面的小轮播是怎么插入进去的吗？双十一就快到了，今天手把手教大家在任意位置插入小轮播，让店铺动起来，希望大家双十一大卖。学会它可以在任意图片位置插入轮播模块，而且不限制轮播数量，不限制轮播尺寸，真的很实用。下面以店招插入轮播为例给大家讲解！
效果案例：
图片中虚线的部分为轮播部分。
首先，我们需要根据具体要实现的效果，做设计图，用ps将设计好的图片切片，注意将箭头也分别切出来；
切片之后保存的时候我们选择保存为，即网页代码和图片。
保存完，出现一个图片文件，和一个网页文件，网页文件就是我们需要的代码。可以打开网页文件，点击下，看下效果。
同时我们将所有图片上传到淘宝图片空间方便后面使用。
接下来我们用DW（Dreamweaver）工具打开我们导出的html文件：
在DW设计模式下可以预览效果：
下面的步骤很重要，别掉队哦~
接下来我们要在dw中讲设计的轮播部分删除，具体的方法是选中轮播部分按delete或者删除键都可以：
删除之后我们选择单元格，合并单元格，方便我们以后插入代码，方法是按键盘上的Ctrl同时选中三个单元格，
右键：
合并完成之后只有一个单元格如图：
接下来我们开始制作轮播，代码将制作好的轮播代码插入到这个布局中即可，这里我们需要利用一款装修代码生成器。他可以一键生成我们需要的轮播代码，而且可以自定义轮播图片数量，不限制轮播图片大小。同时可以将生成的轮播代码插入到任意的模块里面。
打开软件找到————：
这里就是我们需要配置的轮播参数，几乎是可视化的编辑界面：上面填写我们设计好的轮播模块的尺寸，下面输入我们在淘宝空间中上传好的轮播图片地址，左侧的组是根据我们设计的轮播图片数量添加的，如果我们设置的三张图片轮播，那么这里就添加三个组，同时右边就可以输入三个轮播图片的地址，并且三个图片可以插入不同的宝贝链接。
这里填写参数问题应该不大，做过店铺装修的朋友都知道，插入图片地址即可，填写完成之后我们直接点击右下角的按钮。
当软件提交复制代码成功，此时我们要去dw软件中插入我们生成好的轮播代码：
注意，这里要删除默认的尖括号，再粘贴我们软件生成的代码即可。一定要删除尖括号哦。粘贴完成之后再空白处点击一下：
我可以看到预先设置好的效果了：
此时我们的轮播代码已经插入到了店招中，别忘了，除了轮播模块内的图片我们已经替换为图片空间的图片地址了，其他的图片还是我们本地的哦，所以我们需要将其他图片的地址也替换为图片空间的图片地址，如果图片不多的话直接复制图片空间的图片地址在dw中替换即可。
这个功能可以将本地的图片一次批量替换为图片空间的图片，很方便。具体的操作大家有软件的话可以看软件里面的教程，这里不做过多赘述。
至此，所有的步骤我们都完成了，最后只需要将dw中设计好的代码全选复制之后粘贴到淘宝店招里面即可：
利用此方法，可以在任意位置，任意的模块里面插入轮播模块，比如店招，首页海报等图片中都可以，有兴趣的卖家朋友可以亲自尝试。
甩手电商
shuaishouwang
﹀
﹀
﹀
长按