HOW TO: Smooth Slider

[olie480]

I've been messing around with the slider order form template, and wanted a bit smoother slider, so here's how to do it.

 

Open up main.js in the folder templates/orderforms/slider/js

 

Add this RIGHT AFTER the top DOCUMENT READY function.

 

jQuery('#productslider').slider({
   range: "min",
   animate: true,
   value: 1,
   min: 0,
   max: 9,
   step: 1,
   orientation: "horizontal"
});

 

SO IT SHOULD LOOK LIKE THIS:

 

jQuery(document).ready(function(){
   jQuery("#existingcust").click(function(){
       if (jQuery(this).hasClass('active')!=true) {
           jQuery(".signuptype").removeClass('active');
           jQuery(this).addClass('active');
           jQuery("#signupfrm").fadeToggle('fast',function(){
               jQuery("#loginfrm").fadeToggle('fast');
           });
           jQuery("#custtype").val("existing");
       }
   });


jQuery('#productslider').slider({
   range: "min",
   animate: true,
   value: 1,
   min: 0,
   max: 9,
   step: 1,
   orientation: "horizontal"
});

 

This is to modify it right out of the box. If you managed to edit the code previously, the same rules should apply.

 

Let me know if you have any questions.

[Manchester Web Hosting]

thanks for the quick hack

[sahostking]

thanks for the hack. Will give it a shot.

[concerto49]

Didn't like the original slider. This looks interesting. Going to revisit the slider now. Thanks.