【云速建站】搜索框插件的设置和使用

举报
建站小哥 发表于 2019/01/14 17:24:50 2019/01/14
【摘要】 弹窗形式的搜索框可能不太符合大部分人的使用习惯,这里主要想介绍的是插件形式的搜索框插件的设置和使用方法。

云速建站里边自带的搜索框插件如果使用弹窗形式,可能有些人会觉得点击搜索后,弹出来的那个小弹窗有点low

可以选择使用插件形式,这样点击搜索后,可以直接在新窗口展示搜索产品。

下面分享一下这两个设置的方法。

第一种 弹窗形式

选弹窗形式,需要先维护了一个产品详情页

添加插件

image.png

选择搜索框,点击确定

image.png

设置搜索框,选择弹窗形式,搜索结果指向选择产品详情

image.png


保存后,搜索框即可使用,具体的搜索框样式可在样式自行选择。

设置后,  效果如下


预览页面输入肋排,点击搜索

image.png

搜索结果在一个弹窗中显示

image.png


点击肋排产品,跳转到肋排的详情页

image.png

第二种 插件形式

使用插件形式,必须先维护一个用于显示搜索结果的页面

新增搜索结果页

image.png


注意这里新增的搜索结果页,导航显示不要开启(如果不需要把改页也显示在导航栏)

image.png

点击保存后,页面自动会切换到新增页面,可以直接编辑该页面

搜索结果页必须添加一个搜索结果,其他的控件根据自己需求添加,搜过结果添加如下

image.png

选择产品搜索结果,点击确定

image.png

点击插件的样式设置,维护跳转链接

image.png

image.png

点击保存,搜索结果页就维护完成了

在需要添加搜索框的页面上,添加搜索框插件

image.png

插件类型这里选择搜索框

image.png


设置搜索框

image.png

选择插件形式,指向链接处选择刚才新增的搜索结果页,点击确定

image.png


设置后,     效果如下


在搜索框输入肋排,点击搜索

image.png

直接整个页面展示搜索结果

image.png

点击产品,进入产品详情

image.png



【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。