After upgrading to 1.9.0.1 we had a problem with javascript scripts not refreshing after AJAX updates.The official support time is 6 months but even 1 ... Read more

Apr 14, 2015 Poleposition

Certified Magento Enterprise developer Certified Magento developer Certified Magento theme developer Certified Magento specialist

Manadev is certified extension and theme
developer for Magento

Configuring Price Slider

This topic describes how to set up price slider feature only. We also recommend to read:

Contents:

Feature Description

  • Price filters as sliders

    Extension adds possibility to show price filter as a slider. There are four different slider styles:

    Slider Style1 Slider Style2 Slider Style 3 Slider Style 4

  • Sliders for custom decimal type attributes like weight, width, screen size, etc

    Width Slider

  • Sliders based on drop down / multiple select attributes

    Material Slider

  • Two number formats - one for small units of measure and other for large ones

    Capacity Slider

  • Possibility to edit slider ranges manually

    Possibility to edit slider ranges manually

  • Minimum and maximum inputs without slider

    Minimum and maximum inputs without slider

  • Min/Max slider allows to combine two decimal type attributes in one slider - slider can work on top of two decimal attributes (for instance min_weight and max_weight) and when applied shows products for the intersection of applied weight range and weight range specified for the product:

    Minimum and maximum slider

Global Configuration

Default Templates for Filters Based On

This feature adds new visual filter templates:

  • Dropdown and Multiple Select Attributes - default template for all filters, based on Multilple Select or Dropdown attribute types:

    • Slider - option can be modified by dragging thumbs.

      Slider

  • Decimal Attributes of Price Type - default template for all filters, based on Price type attributes

    • Slider - range can be modified by dragging thumbs

      Slider Template

    • Range Input - min and max range values are edited manually

      Range Input Template

Sliders

  • Calculate Slider Minimum and Maximum Values Based On - default setting how slider minimum and maximum values should be recalculated:
    • All Products in Store - based on attribute value for all products in store. In this case Min and Max will be the same for all store pages.
    • All Products on a Page - based on attribute value for all products on a page. In this case Min and Max will be the same for the same page in spite of applied filter. But Min and Max can be different for different pages.
    • Filtered Products on a Page - based on attribute value for filtered products only. Min and Max will change with every applied filter. Use this setting with caution as it may produce inconsistent results.
  • Style - default slider style:

    • Style 1

      Slider Style 1

    • Style 2

      Slider Style 2

    • Style 3

      Slider Style 3

    • Style 4

      Slider Style 4

  • Slider Style in Mobile Layered Navigation - when store is opened on mobile devices, slider filters can be transformed, providing more convenient input. This setting works only when Responsive Mobile Layered Navigation feature installed and enabled.

    Slider Style in Mobile Layered Navigation

    • Same as desktop - style of slider filters will not be changed, the same style as for desktop will be shown
    • Hide slider, only use range input - all slider filters will be shown as range inputs for mobile devices
    • Style 1 - all slider filters will be shown as Style 1 sliders for mobile devices
    • Style 2- all slider filters will be shown as Style 2 sliders for mobile devices
    • Style 3- all slider filters will be shown as Style 3 sliders for mobile devices
    • Style 4- all slider filters will be shown as Style 4 sliders for mobile devices
  • Is Slider Inline in Dropdown Menu - sets up if slider filter should be or not inline in drop down menu. This setting works only when Horizontal Layered Navigation (Positioning) feature installed and enabled.

After configuration change it is recommended to refresh Magento cache in SYSTEM -> Cache Management.

Filter Settings

All store filters are listed in MANADEV -> Filter Settings menu and every filter can be customized there individually.

General Settings

This feature adds new visual filter template to Template parameter:

  • Slider - option can be modified by dragging thumbs. Used for Multilple Select, Dropdown or Price attribute types

    Slider

  • Range Input - for Price type of attributes where minimum and maximum range values are edited manually:

    Range Input Template

  • Min/Max Slider - slider can work on top of two decimal attributes (for instance min_weight and max_weight) and when applied shows products for the intersection of applied weight range and weight range specified for the product:

    Minimum and maximum slider

Slider Settings

Section is visible if Range Input or Slider template is selected.

  • Calculate Slider Minimum and Maximum Values Based On - default setting how slider minimum and maximum values should be recalculated:
    • All Products on a Page - based on attribute value for all products on a page
    • All Products in Store - based on attribute value for all products in store
    • Filtered Products on a Page - based on attribute value for filtered products only
  • Number Format - how numbers will be presented. 0 will be replaced by actual number; all other characters will be displayed as entered. If value will be set to $0, then slider values will be show like in example below:

    Number Format

  • Digits After the Decimal Point - how many digits after decimal point should be shown. Parameter is visible only for Price type of attributes, but not the Price itself. Leave empty or 0 to round to whole numbers.

  • Use 2 Number Formats - possibility to show two number formats - one for small units of measure and other for large one. Parameter is visible only for Price type of attributes, but not the Price itself.

    Capacity Slider

    • Yes - two units of measuring will be enabled
    • No - only one number format will be shown
  • Use Second Number Format If Value Is Greater Than - if value is greater than this parameter, it will be formatted using second format string, specified in the next parameter. Setting is available only if Yes is set for Use 2 Number Formats parameter.

  • Second Number Format - second format of showing slider number values. Only applicable for values greater than parameter specified above. 0 will be replaced by actual number divided by the parameter specified above, all other characters will be displayed as entered. Setting is available only if Yes is set for Use 2 Number Formats parameter.
  • Digits After the Decimal Point (for Second Format)- how many digits after decimal point should be shown if second format is applied to the value. Setting is available only if Yes is set for Use 2 Number Formats parameter.

  • Show Thousand Separator. if set to Yes, thousand separator will be shown, if the value is greater than 1000:

    Thousand Separator

  • Slide Only Through Existing Values. If set to Yes, thumbs will stop only on on existing values, otherwise - on any value.

  • Allow Customer to Enter Range Manually. If set to Yes, customer can modify the range limits manually in additional input boxes:

    Allow Customer to Enter Range Manually

  • Style - slider style for the filter:

    • Style 1

      Slider Style 1

    • Style 2

      Slider Style 2

    • Style 3

      Slider Style 3

    • Style 4

      Slider Style 4

After configuration change it is recommended to refresh Magento cache in SYSTEM -> Cache Management.

We Accept: PayPal Visa MasterCard American Express Discover