Description
This item contains two modules:
1. Faceted search with price range slider module.
2. Price range slider for faceted search module.
They are two different modules, the main feature of them is the same to add price range slider and weight range slider to the faceted module.
This module is deprecated, we've released a new better filter module, check it out here Easy filter - A modern filter module for PrestaShop1.7.
Important
This module will be soon deprecated, because it's for Faceted search module V2 only, most people has already upgraded to v3.
If you've already upgrade to v3, but want to be back to v2 for a while: (a) For "Faceted search with price range slider" module users, you can uninstall and delete v3, and then install the "Faceted search with price range slider" module again to back to v2. (b) For "Price range slider for faceted search" module users, you can uninstall and delete v3, and then find and install v2 in the installation package of PrestaShop 1.7.5.2.
1. Price range slider and weight range slider.
1.5. Range slider for some attributes and features [NEW] [BETA].
- 46, 48, 50
- 2018, 2017
- 33 inches, 59 inches
- 60 Hz,120 Hz
- 8G, 16G
- iPhone 7, iPhone 8
- v2, v4
Attributes and features like these can't be displayed as range slider.
- 2 to 4 Years, 5 to 7 Years
- S, M, L
To use this feature, you just need to set "filter type" for filters to "Range slider".
For transformer theme and panda theme users, upgrading your transformer theme to v4.3.1 and panda theme to v3.4.1 is required to use this feature.
Give another way to customers for them to set precise values to filter products.
Show currently values in tooltips, a quite fancy way.
4. Vertical range sliders.
With two price defined range slider styles: Square handles and round handles.
Several options to change colors and sizes.
By default, sliders slide fluently. In order to make the handles jump between intervals, you can use the step option. If example if you set Step to 10, then sliders will go like this 0-10-20, if you set Step to 0.5, then sliders will go like this 0-0.5-1-1.5.
- Price filter not working fine on multi-store.
- Price filter not working fine when using tax included prices.
- Some prices not showing out.
- Not able to filter via customized feature values.
- Some products not showing out when stock management is disabled.
- Not working fine with product sorting by stock.
Other features.
- Full touch support.
- Responsive.
- All major browsers support.
- RTL support.
- Multi-shop support.
- Multi-languages.
This module can be installed easily, no matter which theme you are using.
Why there are two modules, what's the main difference of them.
The "Price range slider for faceted search" module replaces price and weight filters with range sliders, so range sliders work the same way as price and weight filters, they disappear when filter products with them, view this video to know more, 18s to 48s https://youtu.be/2O8vj0PcaJw?t=18s and 1:29 to 3.00 https://youtu.be/2O8vj0PcaJw?t=1m29s
To change those behaviors requires to edit the "Faceted search" module, that's why the "Faceted search with price range slider" module was created for, it improves the native behaviors of faceted module to make things be nicer.
How to install and upgrade.
They can be installed easily without editing any files in most cases. View videos above to see how to install. The way of how to upgrade is the same as how to install.
How to get support.
If you have any questions with the module, post them out on the prestashop module support forum, we'll help you out.
Documentation.
Click on the "Register this module to the displayHeader hook" at the bottom of "Faceted search with price range slider" module's configuration page to register the module to the displayHeader, and then try again.
The module will modify the \themes\your-theme-name\templates\catalog\_partials\facets.tpl for a little, the modification might not be done automatically, you need to edit the file to replace all
{if !$_collapse} in{/if}
With
{if !$_collapse} in{/if} facet_{$facet.type}
Yes.
Yes, you need to click on the "Register this module to the displayHeader hook" button in the module after uploading files. But that's not recommended.
No, they are two different modules, you get what you buy.
No, never update the "Faceted search with price range slider" module from prestashop, otherwise changes we did to the module will disappear, price & weight range sliders will gone. When prestashop team updates the "Faceted search", we will update the "Faceted search with price range slider" module too, you use the update from us to update your "Faceted search with price range slider" module.
Yes.
That's added by one of our free prestashop modules called Free Beautiful Preloader module for prestashop 1.7.
You can find its version number at the very bottom of it configuration page.
Compatible with Prestashop's Classic theme, Transformer theme 4.2.2 and later, Panda theme 2.3.2 and later. May need integration to be compatible with other highly customizable themes, we can provide help of that for free.
(1)With several small modifications, it can be compatible with Warehouse theme, contact us, we will guide you.
(2)To be compatible with Alysum theme, check the /integration/alysum folder in this module to see if there is a folder for your version, if yes, then copy the facet.tpl in the folder to replace the /modules/ps_facetedsearch/views/templates/hook/facets.tpl file. If no, you need to edit the /modules/ps_facetedsearch/views/templates/hook/facets.tpl file, contact us, we will guide you.
(3)It doesn't compatible with "Show Products by Attributes" module.
You need to copy the /themes/(parent theme)/templates/catalog/_partials/active_filters.tpl to your child theme. If you using Transformer theme or Panda theme you need to copy one more file which is the /themes/(parent theme)/templates/catalog/_partials/facets.tpl file.
Replace all
1 | [\\?|&]q\\=[^&#]*? |
with
1 | \/ |
in the /modules/stfacetdsearchkits/views/js/front.min.js file.
All that I wanted, great support.
Works like a charm on my site, way better than the tidiours radio buttons, thanks.