Jump to content

[MODULE] Faceted search with price range slider for PrestaShop 1.7


tantan199
 Share

Recommended Posts

[IMPORTANT] This module is deprecated, because it's for Faceted search module V2 only, most people has already upgraded to v3. Check out our new Easy filter - A modern filter module for PrestaShop1.7, it can display any features and attributes in range slider. 

 

Faceted search with price range slider for PrestaShop 1.7

Check this Youtube video to see how it works.

faceted-search-with-price-range-slider.jpg.eb8f8e14467d0c8c29f37972baf7f59e.jpg

FREE for all future updates.
6 months FREE general support included.
Developed by PrestaShop experts.
Compatible with PrestaShop 1.7.1.0 to 1.7.3.4

 

1. Price range slider and weight range slider.

prstashop-02.jpg.49d8f7b7849a1a32889a162030793897.jpg
Improved the native behavior of Faceted search module to make price range slider and weight range slider work along, they won’t disappear after filtering products using them.

1.5 Range slider for some attributes and features [NEW].

attr_range_filter.jpg.2705c3a224ef034167df1d0f899a817a.jpg

If values of a attribute or a feature are all in the same format (Number+Unit or Unit+Number), then the attribute or the feature can be displayed in range slider. Here are some examples.

  • 48, 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


2. Range sliders with inputs.
range_slider_with_inputs.jpg.13d73156d884df11a26e6967459e5fa7.jpg
Give another way to customers for them to set precise values to filter products.


3. Range sliders with tooltips.

range_slider_with_tooltips.jpg.ef1adf9921c637b9d94e2ef7e2123aa1.jpg
Show currently values in tooltips, a quite fancy way.

4. Vertical range sliders.
vertical_range_slider.jpg.fa52c2467fcd1cf42392a8124fcba9f8.jpg
If you have a wide range of price and weight, then vertical range sliders would be a good choice for you. Because general range sliders are place on the left column, the width for sliders is limited. You can set the height of vertical sliders to make them be as high as you need.


5. Predefined range slider styles.

predefined_styles.jpg.22b8a44b7901aec57c76fb7d399a4b3f.jpg
With two price defined range slider styles: Square handles and round handles.

6. Customizable range slider.

customizable_range_slider.jpg.3105181b4f32d78aace80a3b1d607c1e.jpg
Several options to change colors and sizes.

 

Other features.

  1. Full touch support.
  2. Responsive.
  3. All major browsers support.
  4. RTL support.
  5. Multi-shop support.
  6. Multi-languages.

 

Changelog.

Faceted search with price range slider 1.1.4 (January 11, 2019)

  • Fixed another native problem of the facet search module when filtering product via tax included prices.

Faceted search with price range slider 1.1.3 (December 29, 2018)

  • Fixed a native problem of the facet search module which would cause small prices not showing out.
  • Fixed a problem of dropdown menus not working.

Faceted search with price range slider 1.1.2 (December 8, 2018)

  • Added possibility to use range slider for some attributes and features.

Faceted search with price range slider 1.1.1 (Nov 17, 2018)

  • Fixed a minor problem of Faceted search module, the problem causes products not showing out when stock management is disabled.

Faceted search 2.2.1 (Nov 13, 2018)

  • Upgrade faceted search to 2.2.1.

Faceted search with price range slider 1.1.0 (Nov 8, 2018)

  • Fixed a minor compatibility problem with IE.

Faceted search with price range slider 1.0.9 (Oct 12, 2018)

  • Fixed a problem of products out of price filter range showing out.
  • Fixed a problem of limit setting for filters not working.


Faceted search with price range slider 1.0.7 (July 26, 2018)

  • Fixed a problem of empty filters showing out.

 

Faceted search with price range slider 1.0.6 (June 30, 2018)

  • Improved this module to make range sliders work when prices don’t have decimals.
     

Faceted search with price range slider 1.0.5 (June 21, 2018)

  • Added compatibility with Alysum theme.


Faceted search with price range slider 1.0.4 (June 15, 2018)

  • Fixed a problem of filters not showing out when ranges are small.
     

Faceted search with price range slider 1.0.3 (June 1, 2018)

  • Fixed a problem of filter values changing automatically.
     

Faceted search with price range slider 1.0.2 (April 23, 2018)

  • Improved the feature of setting values using inputs to accept values without decimals.
     

Faceted search with price range slider 1.0.1 (April 12, 2018)

  • Added “Step” options for sliders.
  • Fixed a problem with inputs.
     

Faceted search with price range slider 1.0.0 (April 11, 2018)

  • Initial release.
Edited by tantan199 (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

  • 4 weeks later...
  • 3 weeks later...

Hi,

I just installed this plugin, on my site. The slider is not appearing. I have read your documentation, but the problem was not resolved.

I could find the specified value in the facet.tpl file. 

I am using the warehouse theme, on Prestashop 1.7.3

Regards,

Khaya

Share this post


Link to post
Share on other sites

Hi thanks,

I am using this theme https://themeforest.net/item/at-elaq-responsive-prestashop-theme/20979021

Is possible to display price filter on minimum difference price
ex: product 1 price 7.05, product 2 price 7.07, product 3 price 7.09
Any settings available for this...

Please give me the solution...

Thanks,

Bharath

Edited by bharath.acapecomrin
spelling mistake (see edit history)

Share this post


Link to post
Share on other sites

On 5/30/2018 at 6:46 AM, tantan199 said:

@humbert That's a great idea to use slider for some other attributes and features, several days ago another customer asked the question. I am going to check to see if it's possible. Will get back to you within days.

Hello, it's done? It's work?

Share this post


Link to post
Share on other sites

#humbert I had a look the other day, I found it's not easy to achieve that, because of it's difficult to automatically handle units and numbers in different formats, I will take a more deep look at the middle of this month.

Share this post


Link to post
Share on other sites

  • 4 weeks later...

@[email protected] Thank for your feedback, to add sliders to other attributes and features is not easy so I need more time. Can you provide me more information of your needs. What kind of attributes and features do you have, how do they look like, what's their units, can you give me some examples. Thanks.

Share this post


Link to post
Share on other sites

  • 1 month later...
  • 1 month later...

Hello

I am using this plugin, on my development store. The slider is not appearing.

I am using the warehouse theme, on Prestashop 1.7.4.2

Can anyone please guide me how to get price range slider on category page leftside filter area ?

Thanks

 

Share this post


Link to post
Share on other sites

Added possibility to use range slider for some attributes and features. If values of a attribute or a feature are all in the same format (Number+Unit or Unit+Number), then the attribute or the feature can be displayed in range slider.

Share this post


Link to post
Share on other sites

  • 2 weeks later...
  • 2 weeks later...

@Kamlesh Gupta The Faceted search module is quite good, it runs on thousands sites, which means it's stable enough, with our improvements and fixes,  it's now trustworthy.  If I create a module to provide price range slider only, people wouldn't need it. If you don't like other features provided by the faceted search module, then don't use them or you can find someone to remove them.

Share this post


Link to post
Share on other sites

  • 4 weeks later...
  • 5 weeks later...
  • 2 months later...
  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More