公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

2步代码添加店招搜索框

2015-03-24 09:31:36

店招是消费者首先了解店铺大概情况的地方。所以店招的设计在淘宝店铺装修中占据重要地位。在店招设计一文中可以看出店招的主要功能是引导消费者浏览路径。以不同目的建立的店铺都有不同的店招设计。

近期,有许多卖家咨询唯艺该如何在淘宝店招中添加搜索框。原来大家都开始注重消费者体验的重要性。怎样拉近消费者与卖家的距离?除了设计合理,服务周到外,在功能上也要让消费者享尽便利。把搜索框添加到淘宝店招就能够让消费者在初次拜访店铺时,能不用花时间熟悉导航系统就可以找到自己想要的商品。

其实把搜索框添加到淘宝店招并不复杂,好好利用代码,2步就能完成。


第一步:上传店招至“图片空间”。

在唯艺“淘宝模板”处下载好自己想要的店招素材,进入“卖家中心”后选择“图片空间”并上传该素材,获取该素材的地址。
 



第二步:复制粘贴以下代码到店招模板。

这里需要用到Dreamweaver软件。在该软件新建一个html页面。删除原有代码,并粘贴以下代码到该软件中。代码为:

<="" p="">您的店铺链接/search.htm?amp;&&scene=taobao_shop"  
padding-right:0px;padding-top:0px;"  
target="_blank"> 
<>
padding-right:0px;color:#000;font-weight:bold;padding-top:0px;"> 
       店内搜索:
  
        <>
padding-right:0px;color:#000;padding-top:0px;">价格: 
        < p=""><>
style="line-height:16px;width:50px;font-size:12px;" /> 
         <>
padding-right:0px;padding-top:0px;">-  
           
         <>
padding-bottom:1px;background-color:#FF0000;margin:0px; 
         padding-left:10px;padding-right:5px;color:#FFF;font-size:12px;
border-top:medium none;border-right:medium none; 
         padding-top:3px;" type="submit" value="搜索" />  


效果图:
 


以上两步轻松帮您添加店招搜索框。许多看似复杂的淘宝店铺装修其实都能够通过代码轻松实现。不需要卖家去一步步学习熟悉代码,只需要多加关注唯艺代码教程,直接按照步骤,复制粘贴代码就能够制作炫丽、便捷的装修。


      本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 游戏充值 瀑布流 虚拟充值网店模板

    游戏充值 瀑布流 虚拟充值网店模板

    人气:39788
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    人气:1
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793