![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件 - 图片1 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件 - 图片1](https://themege.net/wp-content/uploads/2022/04/1649547652-899f26d2c553bac.jpg)
Easy filter是一款Prestashop 1.7专用的产品过滤筛选和分层导航模块。该模块适用于所有产品列表页面,如品牌页面、最佳销售页面、新产品页面,它可以在范围滑块中显示所有特性和属性,使用它您将能够使用“按钮”、“颜色框”、 “图像”和其他几种显示过滤器项目的方式。
兼容版本: 1.7.1.0 – 1.7.8.4
基本功能
Easy filter模块适用于所有产品列表页面。
不仅适用于类别页面,Easy filter 模块也适用于所有产品列表页面。使用这个 easyfilter 模块,您可以为每个类别和每个制造商创建不同的过滤器组,这里是该模块可以处理的页面列表。
- 类别页面
- 新产品页面
- 最佳销售页面
- 降价页面
- 制造商页面
- 供应商页面
不是模块不能在搜索页面上工作。
显示过滤项目的 7 种方式。
除了在复选框、单选和下拉列表中显示过滤器项目外,Easy 过滤器模块还有 4 种显示过滤器项目的方式。例如,以“按钮”样式或范围滑块显示 S、M、L、XL 比在复选框中显示它们更好。以“彩盒”样式显示颜色也比传统方式更好。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-1 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-1](https://themege.net/wp-content/uploads/2022/04/1649548130-96989dfd309eb47.jpg)
- 范围滑块
- 按钮/链接
- 图片
- 彩盒
图片滤镜项很抢眼,这里举几个例子。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-2 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-2](https://themege.net/wp-content/uploads/2022/04/1649548132-d77d64edbdbbe06.jpg)
4 个位置显示过滤块。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-3 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-3](https://themege.net/wp-content/uploads/2022/04/1649548135-bbad74d2222e89f.jpg)
- 左侧栏,经典方式。
- 中心栏,您可以设置每行显示多个过滤器块。
- 中心栏作为下拉菜单,这可以保持您的网站干净整洁。
- 侧边栏滑动,一种显示过滤器块的创造性方式。
根据选择的颜色显示产品图像。
如果您通过颜色过滤器过滤产品,则模块将显示所选颜色的图像作为产品的封面图像,使您无需进入产品详细信息页面即可看到您要查找的内容。
范围滑块
1.所有属性和特征都可以在范围滑块内。
所有属性和功能都可以在此模块的范围内滑动。这里有些例子。
- 尺码:S、M、L、XL、2XL、3XL。范围滑块中的显示大小非常有用。
- 着装风格:迷你连衣裙,中长连衣裙,Max连衣裙
- 年份:2019、2018、2017
- 长度:33英寸、38英寸、42英寸、59英寸
- 频率:60赫兹,120赫兹
- 年龄:1-3个月、3-12个月、1岁-3岁、3岁-8岁。
- 存储:8GB、16GB
- 型号:iPhone 7、iPhone 8、iPhone X
- 版本:v2、v3、v4
- 钻石切工:好、非常好、理想、阿斯特理想。
- 场合:休闲、沙滩装、外出、节日
除了价格滑块和重量滑块之外,所有属性和特征都可以在范围滑块中,无论它们的值是什么。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-4 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-4](https://themege.net/wp-content/uploads/2022/04/1649548136-61fbf30e7fa241c.jpg)
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-5 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-5](https://themege.net/wp-content/uploads/2022/04/1649548138-62bfe81be7ad19c.jpg)
2. 带刻度/点的范围滑块。
此功能沿滑块生成点。
3. 手柄之间条纹的渐变颜色。
使用此功能,您可以拥有漂亮的范围滑块。
4. 带提示的范围滑块。
在工具提示中显示当前值,一种非常奇特的方式。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-6 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-6](https://themege.net/wp-content/uploads/2022/04/1649548139-9813e7f5d986c73.jpg)
5. 预定义范围滑块样式。
具有两种价格定义范围滑块样式:方形手柄和圆形手柄。
![]()
6.可定制的范围滑块。
改变颜色和大小的几个选项。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-8 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-8](https://themege.net/wp-content/uploads/2022/04/1649548142-b591f9f4307bcd0.jpg)
7. 垂直范围滑块。
8. 可以使用一个手柄。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-10 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-10](https://themege.net/wp-content/uploads/2022/04/1649548145-655c86c1afcd3cf.jpg)
可以不使用范围功能来仅使用一个手柄,此模型的工作原理与单选按钮完全相同。例如,如果您将此模型用于“尺码”属性,那么人们一次只能选择一种尺码,他们无法选择从 S 到 L 的形式。
9. 带有价格滑块和重量滑块输入的范围滑块。
为客户提供另一种方法,让他们设置精确的值来过滤产品。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-11 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-11](https://themege.net/wp-content/uploads/2022/04/1649548146-631540291eb9f31.jpg)
10.价格滑块和重量滑块的步骤。
默认情况下,滑块滑动流畅。为了使句柄在间隔之间跳转,您可以使用 step 选项。例如,如果您将 Step 设置为 10,则滑块将像这样 0-10-20,如果您将 Step 设置为 0.5,那么滑块将像这样 0-0.5-1-1.5。
花哨的功能
“显示更多”按钮功能。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-12 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-12](https://themege.net/wp-content/uploads/2022/04/1649548148-4c9b933f8940949.jpg)
在某些情况下,我们需要为高级客户准备一些高级过滤块,那么“显示更多”功能将非常有用,它为每个人显示基本过滤块,对于高级用户,然后可以单击“显示更多”按钮使用高级过滤器。当过滤器块显示在中心列上时,这是一种节省空间的好方法。
- 您可以设置默认隐藏某些过滤器块。
- 您还可以设置默认隐藏某些过滤项。
将一些过滤器块设置为默认折叠。
另一种节省空间的方法。当在左栏和滑入式侧边栏时,它的工作方式与上面的“显示更多”功能非常相似。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-13 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-13](https://themege.net/wp-content/uploads/2022/04/1649548150-a7dd3fcaacc8355.jpg)
针对移动设备进行了优化。
检查简单的过滤器模块演示,看看一切如何在移动设备上运行。
- 您可以在移动设备上将过滤块显示在与桌面相同的位置,您也可以设置使用滑入式侧边栏在移动设备上显示过滤块。
- 中心列下拉菜单中的过滤器块将显示在手风琴中,而不是在移动设备上。
可定制的外观。
大多数项目都是可定制的,您可以从后台轻松更改颜色、背景、边框等。简易过滤器模块不仅可以匹配您的网站设计,还可以使您的网站看起来更好。
4加载效果。
![[1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-14 [1.1.10]Easy filter产品过滤筛选和分层导航Prestashop 1.7插件-14](https://themege.net/wp-content/uploads/2022/04/1649548152-1002ad6289eb84d.jpg)
- 在浏览器窗口的右上角显示加载图标。
- 添加全屏覆盖。
- 灰显产品列表。
- 将叠加层添加到过滤器块。
其他特性
- 与PrestaShop 1.7模块Separating product by attributes module 兼容。
- 可以不显示缺货产品。
- 添加了两个排序选项,它们是“销售额从高到低”和“销售额从低到高”。
- 谷歌字体。
- 完全可翻译。
- 响应式设计。
- 自定义 CSS 代码。
- 多种语言。
- 多店支持。
兼容性
- PrestaShop 1.7。
- 所有主题。
