Cherry Picker has received the best Trackbar API you could find for Joomla! / Virtuemart.

Unique and rich API allows us to create really amazing things with smooth behaviour and unique character for any shopping cart.

Price trackbar (and Parameter trackbars if you are using the Product Types version of CP) became virtually alive bringing completely new user experience.

Available range

No more blind selections. You will always see an avilable range of matching products and the selection will surely return found products.

Tick marks

The usage of tick marks improves visual consistency of a trackbar: you can see how many values are there available for selection or how rapidly the values will change (for example with knob move by 1 step the actual value of parameter can encrease by 1 or by 100).

Labels

Minimum, maximum limits of a trackbar can be marked with according text labels. This way user gets to know the bounds of provided range.

Hovering knobs

There two basic kinds of knobs: a regular round knob and a hovering one. The later can contain any text: either static or dynamic and can be styled to have any looks.

Mobile devices

With mobile devices having become ubiquitous in our lives, support for mobile browsers and touch events is a must. You can expect that you customers, either they are using desktop computers or mobile devices, will equally be able to navigate your site without frustration.

Demo

This is a quick live demonstration of just a really few configurations that are now possible to achieve.

A real working demonstration is available as always here.

Notice how available range of prices has a distinct dark blue color and that the Apply button is aware of current selection: if you move both sliders into the light blue color range, the button gets grayed out, meaning "You won't get any results with currently selected prices". This philosophy applies to all other trackbars you can use within Cherry Picker.

Another beautiful layout with hovering knobs: you can do a pixel precise selection with it. There could be any text inside knobs itself.

Use one-knob trackbar to provide your customers the selection of maximum or minim value of a parameter.

One-knob trackbar can also serve as a value picker.

All elements of trackbar can be easily styled to fit any preferences.

And just to reiterate, this API is completely unique, developed and available exclusively for Cherry Picker.