Created: 12/17/2014
By: Kc Sharma, India
Email: help.quickstrap@gmail.com
Thank you for purchasing my script. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
assets/js/qs.slider.init.js
. So changed line 12 in this file - replaced from "PriceBase" to "BasePrice" text
Please see the index.html
and use line 49-150 to use slider for any bootstrap based theme/template. You can also use this slider in any other framework, just adjust the div as per requirements of framework markups or simple html as you can see the slider is divided in two columns.
Include the following css
assets/css/slider.min.css
(Main Slider css)
assets/css/jquery-ui.min.css
To customize look and feel make changes in CSS. Uncompressd CSS and "Less" also included assets/css/
folder.
Note: JQuery UI css is not required if your template/theme already has within.
Include the following scripts
assets/js/jquery-1.11.0.min.js
assets/js/jquery-ui.min.js
assets/js/qs.slider.js
(Main Slider script)
assets/js/qs.slider.init.js
(Initial Script for available custom options)
Note: jQuery and JQuery UI scripts are not required if your template/theme already has within.
Please open assets/js/qs.slider.init.js
in any of text editor (recommended Notepad ++) to change slider settings i.e. Pricing, link etc..
To configure preset buttons selected sliders values, For now you need to edit main qs.slider.js
(chnage values in lines 204 - 208) i.e. xs: { cpu: "3", ram: "4", hdd: "10" },
etc..
Once again, thank you so much for purchasing this script. As I said at the beginning, I'd be glad to help you if you have any questions relating to this script. No guarantees, but I'll do my best to assist.
Kc Sharma