Jump to content
tantan199

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

Recommended Posts

Faceted search with price range slider for PrestaShop 1.7

Demo on Classic theme -  Demo on Panda theme -  View more

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

Any questions, comments and suggestion are welcome and appreciated.

Share this post


Link to post
Share on other sites

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

only the price and weight or you can and other characteristics of the goods?

Example, deep or height, temperature

Share this post


Link to post
Share on other sites
3 hours ago, tantan199 said:

Hello khaya,

I've replied you via email. Please check.

I have responded by email too. Please check.

Regards,

Khaya

Share this post


Link to post
Share on other sites

@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.

Edited by tantan199 (see edit history)

Share this post


Link to post
Share on other sites

If product price is an small then the filter not show, i checked in prestashop 1.7.2.0

Example:

product 1 price is 6.05

product 2 price is 7.07

product 3 price is 7.07

The price filter not show in any format. Also i don't see any settings for filter in slider etc

Screenshot from 2018-05-30 12-11-54.png

Share this post


Link to post
Share on other sites

My issue was resolved thanks a million :) 

Great support!

Share this post


Link to post
Share on other sites

@bharath.acapecomrin which theme you are using?

You can send me your back office and ftp login information via email helloleemj@gmail.com so I can help you check.

 

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

I would also like to know if the slider can be used for features. I have several sets of features with only numeric values and a slider like this would be perfect!!

Edited by indigo380 (see edit history)

Share this post


Link to post
Share on other sites

@bharath.acapecomrin sorry for the delay, just came back to work from a 4 days leave. I've replied you via email.

Share this post


Link to post
Share on other sites

@indigo380 anther two customers had already asked the same question, I had a brief look last week, it's possible but not easy. I will take a deep look next month.

Share this post


Link to post
Share on other sites

Just released an new update to make sure range sliders work even when prices don't have decimals.

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

@biuro@jrsport.pl 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

I found it's really not easy to add sliders for other attributes and features, but I have not gave up yet, will try again to find a way next week.

Share this post


Link to post
Share on other sites

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

Sure, you can find contact us info on our website, contact us there, so we can send you a guide.

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

Hi, I have purchased your module, but I dont find any section to create ticket for your support team.

Share this post


Link to post
Share on other sites

Upgraded to v1.1.4 to fix two native problems of the faceted search module.

Share this post


Link to post
Share on other sites

@Kamlesh Gupta I don't fully understand your question. Do you want to add price range slider feature to your site without using Faceted search module?

Share this post


Link to post
Share on other sites

@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

it's works on warehouse theme? Prestashop 1.7.4.1 here

Share this post


Link to post
Share on other sites

Hi,
Can we include the Faceted Search Module for Prices Drop page and Manufacturer page?

Share this post


Link to post
Share on other sites

@Janis John No, the Faceted search module is designed for the category page only. I once tried to make it work on other product listing pages, but failed.

Share this post


Link to post
Share on other sites

Hi.

How I can remove decimal price in facet module(v3.1.0)?

prestashop v:1.7.4 

 

 

prc.PNG

Share this post


Link to post
Share on other sites
Posted (edited)
On 6/9/2018 at 9:08 AM, tantan199 said:

@bharath.acapecomrin sorry audacity find my iphone origin  for the delay, just came back to work from a 4 days leave. I've replied you via email.

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.

Edited by andiyatsi (see edit history)

Share this post


Link to post
Share on other sites

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

×

Important Information

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