CSS JS Loader [Support Thread]

[webchills]

Hello All,
I'm running Zen 154 with TPP 1.1 and I'm now installing CSS JS Loader 3.0.2. When I turn on "css minify" in CSS JS Loader it removes the styling for TPP only.
Is there a way to get CSS JS Loader 3.0.2 and TPP 1.1 to play nicely?
Any help would be appreciated. Thank you.

TPP works just fine with Minify activated in the CSS JS Loader if you follow these steps to load it dynamically via CSS/JS Loader:

1)
Create a file called loader_tpp.php with the following content:

<?php
/**
* @package Pages
* @copyright Copyright 2003-2015 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart-pro.at/license/2_0.txt GNU Public License V2.0
* @version $Id: loader_tpp.php 2015-08-04 18:23:35Z webchills $
*/   

$loaders[] = array('conditions' => array('pages' => array('product_info','product_music_info','document_general_info','document_product_info','product_free_shipping_info')),
                    'jscript_files' => array(
	                    'tpp.js' => 5	                    
                    ),
                    'css_files' => array(
                    	'tpp/alt_tpp_tabs13.css' => 10,
                      'tpp.css'	=> 	11)
                );

Upload it to includes/templates/YOURTEMPLATE/auto_loaders

If you want to use an other Stylesheet change to alt_tpp_tabs5.css or whatever you want.

2)
Remove the following files from TPP 1.1 from your store as they are not needed anymore (do not delete them without having a look at them, maybe you have some other definitions in these stylesheets, just remove the TPP entries):
includes/templates/YOURTEMPLATE/css/document_general_info.css
includes/templates/YOURTEMPLATE/css/document_product_info.css
includes/templates/YOURTEMPLATE/css/product_free_shipping_info.css
includes/templates/YOURTEMPLATE/css/product_info.css
includes/templates/YOURTEMPLATE/css/product_music_info.css

3)
Create a Stylesheet with the following content:

.alignright {
  display:inline;
  float:right;
  margin-bottom:4px;
  margin-left:10px;
  overflow:hidden;
  border: 1px solid black;
}

.alignleft {
  display:inline;
  float:left;
  margin-bottom:4px;
  margin-right:10px;
  overflow:hidden;
}

Save it as tpp.css and upload it to includes/templates/YOURTEMPLATE/css

4)
Look at includes/modules/pages/product_info
TPP 1.1 has placed a javascript called jscript_tpp.js in this folder
Download the file, rename it to tpp.js and upload it to
includes/templates/YOURTEMPLATE/jscript

Then you can safely remove the jscript_tpp.js from the following folders:

includes/modules/pages/document_general_info
includes/modules/pages/document_general_info
includes/modules/pages/document_product_info
includes/modules/pages/product_free_shipping_info
includes/modules/pages/product_info
includes/modules/pages/product_music_info