Lightbox for Zen Cart Slimbox Mootools Conflict JQuery

After installing the wonderful Lightbox for Zen Cart add-on provided from https://www.zenflavor.com, we noticed there was a conflict with other Jquery add-ons. After many hours searching for a solution,  the answer was simple, the problem lay in a conflict between Mootolls and JQuery, and the solution was to update to Slimbox2 which now uses Jquery…

N.B. Make sure to back up your website first…

1. Download Slimbox 2 from https://code.google.com/p/slimbox/downloads/detail?name=slimbox-2.04.zip

and upload the contents from the js and css folders to the appropriate folders in your  zen cart installation overwriting any files

2. Edit html_header.php in your template folder…

Delete the line <script type=”text/javascript” src=”js/mootools.js”></script>

Edit the line <script type=”text/javascript” src=”js/slimbox.js”></script> to

<script type=”text/javascript” src=”js/slimbox2.js”></script>

And finally edit the line <link rel=”stylesheet” href=”css/slimbox.css” type=”text/css” media=”screen” /> to ….

<link rel=”stylesheet” href=”css/slimbox2.css” type=”text/css” media=”screen” />

Now when you refresh your installation should be working