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

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

相关教程

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

  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

    人气:39477
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 高端优雅 多功能 精品鞋包淘宝模板

    高端优雅 多功能 精品鞋包淘宝模板

    人气:41603
  • 英伦雅致 潮流鞋靴 精品鞋包网店模板

    英伦雅致 潮流鞋靴 精品鞋包网店模板

    人气:57481
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

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

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

    人气:0
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1