经典重庆

标题: 新手怎么装修淘宝如何在店招里面加搜索框 [打印本页]

作者: loucenggao    时间: 2015-7-3 13:52
标题: 新手怎么装修淘宝如何在店招里面加搜索框
随着淘宝淘宝如何装修新旺铺的上线,淘宝淘宝装修教程店招可以使用自定义代码进行装修,让很多店铺可以随意设置自己的店招,
其中就包括使用店招里面使用搜索框,这种装修方便了买主搜索店铺内的宝贝,提高了店铺转化率,
从而提高了店铺销量,深受卖家的好评。但是由于技术要求高,并不是每个人都会使用,
所以有很多人向网店装修网咨询店招里面如何加搜索框。
下面就给大家详细的教下,希望大家能够仔细看哦。
最终店招加搜索框效果展示:




第一步:选择本站提供的淘宝怎么装修淘宝店招素材

相信一定有一款是适合您的店铺的,相中店招素材后,直接点击素材,即可在浏览器地址栏里获取素材的链接了。

第二步:使用Dreamweaver制作店招自定义代码

Dreamweaver(简称DW)是制作自定义代码的利器,也是制作装修模板必备工具。如果您的电脑里没有此款软件,请点击此处下载安装。淘宝装修基础知识

安装好以后,双击打开DW,选择新建一个HTML页面(文件--新建),
在代码视图下




删除所有的代码,然后把下面的代码复制进去:


注意带中划线的代码是图片的链接,将第一步中复制的店招链接粘贴替换掉就可以变成您自己的店招代码。淘宝装修经验谈

第三步:调整安装店招自定义并加店名等内容

在DW里将您的店招链接替换店招素材链接以后,点击设计视图,通过鼠标滑动表格里的两个虚框将表格中间的一列调整至空白处。淘宝装修支招




然后在代码模式下,选择复制全部代码,将代码复制进店标自定义里,如图:




在中间列里可以输入您的店名,主营项目等文字内容,并选中输入的文字,在上面的属性窗口里设置文字大小,颜色和字体等。淘宝装修必备




第四步:在店招自定义里添加搜索框

在第三步输入店名等文字后,再按一下ENTER回车键,再直接转到代码模式下。

复制下面的搜索源码:

<FORM action=您的店铺链接/search.htm?&&&scene=taobao_shop
method="post"
style="padding-bottom:0px;margin:0px;padding-left:0px;
padding-right:0px;padding-top:0px;"
target="_blank">


店内搜索:

价格:
<INPUT name=lowPrice
style="line-height:16px;width:50px;font-size:12px;" />
-



将上面的中划线文字您的店铺链接替换成你的店铺地址,将复制的代码粘贴进去。

本文作者淘宝店铺装修模板,原文地址:http://www.lakwdian.com/,musr转载请保留。





欢迎光临 经典重庆 (http://bbs.jdcq.net/) Powered by Discuz! X3.1