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

如何为淘宝店招加上搜索框

作者:bj-cqx 2015-12-22 11:44:10

 一,首先,卖家需要将自己的店招先上传到自己的图片空间,点击“卖家中心”--“图片空间”--“上传图片”就可以将自己的店招上传到自己的图片空间了。这样就有了自己的图片空间链接地址。


二,将以下代码复制到dreamweaber中,记住将dreamweaber新建html中的全部代码删除后,在粘贴以下代码:

width="950" height="120" border="0" cellpadding="0" cellspacing="0"> 

其中,阴影部分就是你的图片空间中的店招的地址,在图片空间复制替换下就可以了。


三,在拆分格式下,可以看到图片显示格式,将店招图片中两个虚线调整到空白处,也就是留出添加搜索框的位置。


四,打开店铺装修,点击店招编辑--自定义区域编辑,将替换链接后的代码复制到自定义代码格式编辑框中。


五,点击<>,转回到文字编辑模式,在两个虚线框中间可以加入你所想要加的文字。添加完后,点击回车。


六,点击回车后,你可以看到鼠标的位置,也就是要添加的搜索框的位置。然后点击<>,转到代码格式,将以下的代码复制进去。然后点击保存,就可以看到效果了。

 

method="post" 

style="padding-bottom:0px;margin:0px;padding-left:0px;

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;">价格: 

        

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

相关教程

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

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

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

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

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

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

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

    人气:0
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 多彩数码 科技蓝调 手机数码网店模板

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

    人气:46577
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

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

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

    人气:57481