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

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

作者: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
  • 绚丽欧美 高端深蓝 母婴用品淘宝模板

    绚丽欧美 高端深蓝 母婴用品淘宝模板

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

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

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

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

    人气:56240
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

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

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

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

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

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

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

    人气:1