Question

怎么在淘宝上面的店招加上轮播和搜索框？

如题，怎么使用dw或其他软件上在淘宝上面上加上轮播和搜索框，求详细步骤和代码或者可以使用的免费工具！

Answer 1

第一：改店招图片，把自己做的950*120的店招图片上传到图片空间，复制图片链接，把代码中的代码替换。

那有人会有疑问，如果我的店招做的950*150的呢，方法一样，先上传图片空间，再替换代码，不过还要加一步，把代码的120高度改为150即可。

第二：改搜索框的尺寸及定位。

首先是搜索框的尺寸，尺寸建议不用改。

其次是搜索框的定位，这可以让搜索框想放在哪里都行。

第三：最重要的也是必须要改的，改代码中的淘宝店铺地址。

第四：搜索框的边框颜色，搜索按钮的背景颜色以及文本颜色。

第五：装修，来到装修后台，点击店招的编辑，选择自定义店招，点击源码，粘贴代码，再点击源码，保存发布即可。

轮播：

• 1

  首先我们进入淘宝专业版店铺的装修页面，看到以下界面（图1）

  这里需要注意一点的是：做全屏海报还是全屏轮播图都一样，不是添加图片轮播模板而是添加一个自定义模板。因为图片轮播模板最大宽度为950px，添加自定义模板后发现也是950px的宽度？不用担心，且看第二步！

  

• 2

  第二步也是最为关键的一步：不用担心，不会代码也绝壁会制作成全屏的海报，轮播图的。接下来我们进入到源代码编辑界面：这里就会用到以下代码了，代码具体内容不做解释了：正年轻时装工厂是这次经验的案例，可以去看看

  <div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">

  <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

  <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

  <a href="//loverylove.taobao.com/search.htm?spm=0.0.0.0.nZKKrd&amp;search=y&amp;scene=taobao_shop" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="//gdp.alicdn.com/imgextra/i1/843095022/TB2NLyJepXXXXcCXpXXXXXXXXXX_!!843095022.jpg" style="border:none;" /></a>

  </div>

  </div>

  </div>

  然后将这段代码复制到您的自定义模板里面。

  

• 3

  注意了：最关键的来了！目前淘宝捏已经不允许用其他网站的图片了，图片捏事先准备好上传到淘宝的图片空间里面。全屏的是款1920px，高度根据个人喜好自定义设置。我这里设置的为600px；

  代码复制上去之后保存，预览一下看。

追问

我说的是在店招上面加小图片的轮播，下面图片那种？