最新淘宝店铺添加搜索框教程

2022年4月30日 25点热度 0人点赞

有些时候可能想要在淘宝店铺装修中添加自定义搜索框,对于很多新手朋友们不会代码可能感觉很无助,今天简单讲解如何在淘宝店铺的店招内添加一个自定义的搜索框。

工具/原料

  • chrome浏览器
  • 代码编辑器
  • 简单的搜索框代码

方法/步骤

  1. 1

    首先进入登录你的淘宝账号进入卖家中心,在左侧的导航内找到店铺装修。

  2. 2

    点击打开编辑店招,选择自定义招牌。

  3. 3

    搜索框代码,代码如下:

    <form action="你的店铺首页链接/search.htm" method="post" target="_blank" style="width:100%;height:auto;line-height: 0px;">

        <input name="keyword" style="width:搜索框宽度-5px;height:搜索框高度-2px;border:1px solid 搜索框颜色;float: left;color: 搜索框文字颜色;font-size: 14px;padding-left: 5px;" value="关键词" />

        <button type="submit" style="width:按钮宽度;height:按钮高度;border:0;float: left;color: 按钮文字颜色;font-size: 14px;background: 按钮背景颜色;cursor: pointer" />搜索</button>

    </form>

    只要把里面的中文换成你的设置即可,全部修改完成后,在源码状态下,直接复制进去。

  4. 4

    点击保存,然后预览,即可看到你的效果。确保无误,即刻发布,完成搜索框的自定义添加

    END

注意事项

  • 仅供参考,不详之处请谅解。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论