1. Create a back-up of your files and database. Specifically back-up includes/templates/YOUR_TEMPLATE/common/html_header.php.
2. Upload all files in this package while maintaining the directory structure (rename YOUR_TEMPLATE to your custom template folder name)
3. Login to your and the configuration menu should be automatically added to CONFIGURATION->CSS/JS LOADER CONFIGURATION
4. Open your website and if all CSS and JS are working correctly, the installation is complete
5. If there are CSS issues, either your stylesheet isn't loading (make sure your CSS is in includes/templates/YOUR_TEMPLATE/css/) or your CSS is invalid and breaking when minified. Either correct your invalid CSS or disable the minify option in the configuration.
6. If you had embedded JavaScript, CSS, or meta data into your backed-up html_header.php file, either move these lines of code to includes/templates/YOUR_TEMPLATE/jscript/jscript_sitewide.php (name of file can be anything and will load site-wide by Zen Cart), or build an auto loader for CSS JS Loader in includes/templates/YOUR_TEMPLATES/auto_loaders/ (recommended if using shared libraries like jQuery).
Bookmarks