CSS JS Loader seems difficult to install

[Soniccc]

K. Thanks for taking the time! So, if I understand you correctly, this will re-route all script calls to minify. So the tpp add-on would not be called though the html_header file but rather through minify? Wouldn't this also disable all IE specific stylesheets?

Thank you!

[andreitero]

K. Thanks for taking the time! So, if I understand you correctly, this will re-route all script calls to minify. So the tpp add-on would not be called though the html_header file but rather through minify? Wouldn't this also disable all IE specific stylesheets?

Thank you!

I am using the latest TPP version with CSS/JS loader and they are working fine. In fact, the loader is a requirement for installing TPP.
As for the IE stylesheets, I am unsure about it, so I wouldn't want to give you a bad advice. You should try to eliminate the need for them anyway and make the styling work on all major browsers.
You can check out your website on all browsers at browsershots.org

[Soniccc]

Sounds like good advice. But how do you make the styling work for all major browsers? I've got big problems with IE7 and 8.. Chrome also displays differently on mac and windows..

[tcarden]

Is CSS/JS loader necessary for Numinix's Fast and Easy Checkout.

it's not clear to me where these files go

do the files in css_js_loader folder go into the custom templates dir?, if so i'm not about to overwrite stylesheet.css..?!?

and the re: folder 'catalog', i dont' see a corresponding folder named catalog in the ZC directories, ..?

the instructions are not clear at all

[Design75]

Is CSS/JS loader necessary for Numinix's Fast and Easy Checkout.

it's not clear to me where these files go

do the files in css_js_loader folder go into the custom templates dir?, if so i'm not about to overwrite stylesheet.css..?!?

and the re: folder 'catalog', i dont' see a corresponding folder named catalog in the ZC directories, ..?

the instructions are not clear at all

Yes you need it, otherwise it wouldn't be mentioned as the first step in the readme.
The catalog folder stands for the root of your ZC installation. you copy the contents of that folder to the root of your ZC installation.
And yes there are files that go into your custom template folder ("includes\templates\YOUR_TEMPLATE\").
The only file that get overridden if it exists in includes\templates\YOUR_TEMPLATE\common , is the html_header.php.

[DivaVocals]

the instructions are not clear at all

They are not just unclear.. the advance instructions are NON-EXISTENT..

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).

Not one stitch of information is provided about how one would go about building an auto loader..

I have no doubt that this is a useful add-on, but it's not a plug-n-play setup for EVERY store..

[lat9]

I guess it's like a lot of things, I've been using it long enough that I'm familiar with its idiosyncrasies ... so they don't bother me any more!

[DivaVocals]

I guess it's like a lot of things, I've been using it long enough that I'm familiar with its idiosyncrasies ... so they don't bother me any more!

I get that, but it would be nice if the instructions were clear for the rest of us mere mortals.. especially us non-programmer types..

[lat9]

I'll try to explain what I think I remember. Here's an example from one of my sites:

$pages = explode(',', '*');
$noMenuPages = explode(',', 'checkout_shipping,checkout_payment,checkout_confirmation,checkout_process,checkout_success');                               
if (!isset($_GET['jgall_slide'])) {
  $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery-1.4.4.min.js' => -650,
                                              ),
                    );

  $calendarPages = explode(',','index_home,reservations');
  $loaders[] = array('conditions'    => array('pages' => $calendarPages),
                     'css_files'     => array('datepick.css' => 10000),
                     'jscript_files' => array('jquery.datepick.min.js' => -630),
                     );
}
if ($this_is_home_page) {
   $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery.slides.min.js' => -620,
                                              'slides_init.js' => -610,
                                             ),
                    ); 
                 
} 
if (!isset($_GET['jgall_slide'])) {
  $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery.tooltip.min.js' => -620,
                                              'jquery.tooltip.init.js' => -610,
                                             )
                    );
}

What it's doing:

1. I've got a couple of jgallery pages and don't want jquery to be loaded if it's in slideshow mode; otherwise the first special jscript file loaded (the lowest negative numbered one) wants to be the jquery main file.
2. If it's a page where a reservation calendar is displayed, the datepicker css and jquery are loaded next (on a non-slideshow page).
3. There's an image slider only on the home page, so the slides control gets loaded next, then its initialization.
4. Finally, on non-slideshow pages, the tooltip control and its initialization are loaded ... in that order.

The CSS files load using a positive increment and a value of 10000 is after all the "standard" files are loaded.

[DivaVocals]

I'll try to explain what I think I remember. Here's an example from one of my sites:

$pages = explode(',', '*');
$noMenuPages = explode(',', 'checkout_shipping,checkout_payment,checkout_confirmation,checkout_process,checkout_success');                               
if (!isset($_GET['jgall_slide'])) {
  $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery-1.4.4.min.js' => -650,
                                              ),
                    );

  $calendarPages = explode(',','index_home,reservations');
  $loaders[] = array('conditions'    => array('pages' => $calendarPages),
                     'css_files'     => array('datepick.css' => 10000),
                     'jscript_files' => array('jquery.datepick.min.js' => -630),
                     );
}
if ($this_is_home_page) {
   $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery.slides.min.js' => -620,
                                              'slides_init.js' => -610,
                                             ),
                    ); 
                 
} 
if (!isset($_GET['jgall_slide'])) {
  $loaders[] = array('conditions'    => array('pages' => $pages),
                     'jscript_files' => array('jquery.tooltip.min.js' => -620,
                                              'jquery.tooltip.init.js' => -610,
                                             )
                    );
}

What it's doing:

1. I've got a couple of jgallery pages and don't want jquery to be loaded if it's in slideshow mode; otherwise the first special jscript file loaded (the lowest negative numbered one) wants to be the jquery main file.
2. If it's a page where a reservation calendar is displayed, the datepicker css and jquery are loaded next (on a non-slideshow page).
3. There's an image slider only on the home page, so the slides control gets loaded next, then its initialization.
4. Finally, on non-slideshow pages, the tooltip control and its initialization are loaded ... in that order.

The CSS files load using a positive increment and a value of 10000 is after all the "standard" files are loaded.

Gonna need coffee AND food before i can try and wrap my head around this..