淘宝店招怎么增加自定义搜索栏

点击“装修此页面”，然后在店招那里点击“装修”。然后有一个默认店招，这个是可以加搜索图标上去，但是不能点击搜索的链接，也就意味着它只是个图标。你可以点击“自定义店招”然后把你要添加的图片代码和搜索框代码一起加进去（搜索框代码，你可以现在其他地方添加，把代码找到，然后拿过来弄）。可能要试几次。

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

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

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

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

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

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

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

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

轮播：

1

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

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

2

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

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

<div class="footer-more-trigger" style="left:50%top:autoborder:nonepadding:0">

<div class="footer-more-trigger" style="left:-960pxtop:autoborder:nonepadding:0">

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

</div>

</div>

</div>

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

3

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

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

1.如果是淘宝店铺，则直接点添加新模块-搜索店内宝贝（在淘宝自带的基础模块中）；

2.如果的自建网站店铺的导航上加搜索框，则（1）搜索自己店内的东西，则需要更改网站的源代码；（2）其他搜索框，如谷歌、百度、搜搜、淘宝等，则相应网站推广均有相应的源代码，按提示 *** 作复制添加在自己网站的相应位置即可！

---