Demac Media Demac Media Brand Demac Media Brand



jQuery Toolbox

Timer Icon 2 Mins

Design & User Experience, Magento Commerce, Magento Tutorials

When building an eCommerce site, there are a number of must have UI features.  A slider, a modal of any kind (image enlarge, form and etc), tabs and maybe tooltips.

For most of the sites I have worked on, I found that there is a different plugin for each functionality.  The above features can take up to 4 plugins to implement.  For example,  a slider would be built with a jCarousal plugin and a overlay popup would be built with a Fancybox plugin.  Each plugin has its own files for JS, images and CSS which are required to be copied to the skin folder.  Most of the time I have to override their css and image based on our design.

What if I could eliminate all those files with one single JS file and build those features based on simple yet detailed documentations?

Introducing JQuery Toolbox

Its main features cover most of UI elements.  Tabs, tooltips, scrollable (slider) and overlay (modal).   All these features come with animations support.  It’s open-source and free to use on commercial sites.

The Pros:

The Con:


Subscribe to the Blog

Stay updated with 20,000+ eCommerce leaders in our community

Sign Up

Let’s talk about your 10X return

Icon/Social/Phone Contact us for pricing information