用 Better Exposed Filters 提高过滤器的用户体验

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以让用户在筛选内容的时候拥有更好的体验,目前我们使用的是选择列表,用鼠标点击可以选中筛选条件,想要多选的话,Mac 上需要按住 command 键,Windows 上要按住 ctrl 键,再点击其它的筛选条件。

很可能有的用户不懂如何使用这个选择列表,这里我们可以安装一个叫做 Better Exposed Filters 模块,然后使用复选框来代替这个选择列表。

在这个页面,你可以下载到这个模块:http://drupal.org/project/better_exposed_filters

复制一下模块的下载链接 … 回到我们的 drupal 网站.. 点击 模块 .. 安装新模块… 把模块的下载地址粘贴过来 … 点击安装 …

回到模块的列表… 在 Views 区域里,勾选 Better Exposed Filters 模块。点击 保存设置。

我们可以再导入这个模块的中文翻译… 点击 配置 , 翻译 … 导入 … 点击浏览 … 打开课程资料包 03-09 这个目录,找到这个模块的中文翻译文件… 点击 导入 ….

打开 结构,视图,找到想要编辑的视图,点击 编辑,然后选中想要修改的视图显示,这里我们选中 电影页面 这个显示。

浏览到这个视图显示的高级设置,点击 暴露表单的样式 后面的 基本 这个链接。这里我们重新选择表单的类型...

选择 Better Exposed Filters.. 注意设置的应用范围 … 点击 应用 ..

进入到表单的设置界面..

安装 BEF 也就是 Better Exposed Filters 模块以后,这里会多出一些选项。

我们可以分别设置所有公开给用户的过滤器的类型,field_genre_tid 就是电影类型的过滤器,这里使用的是默认的选择列表.. 我们可以修改一下,点击这个下拉菜单,这里还有几个其它选项,比如 复选框/单选按钮,嵌套的 复选框/单选按钮,还有链接。

如果你选择链接的话,那么所有的筛选条件都会是一个链接,用户点击链接就相当于是选中了这个筛选条件。

并且会在选中的筛选条件的链接上添加一个 .selected 类,你可以使用这个类为选中的筛选条件的链接去添加一些样式。让用户可以更清楚的知道他们都选择了哪一些筛选条件。

这里我们选择 复选框/单选按钮… 然后再勾选一下 包括重设按钮,还有 自动提交。 点击 应用 ,然后 保存 ...

回到电影内容列表页面,你会看到.. 过滤内容的表单会使用一些复选框,用户可以直接点击选中不同的条件来筛选内容。

用 Better Exposed Filters 提高过滤器的用户体验《 Drupal 7 基础 (上) 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点