CSS JS Loader [Support Thread]

**bislewl** · 20 Nov 2015, 06:28 PM

Originally Posted by chadlly2003

zencart version 1.5.4
css_js_loader_3_0_5.zip

For some reason when I enable the css minify feature the css layout gets distorted. I checked my css files to see if there were any issue with closed tags etc… but all seems good. Can someone assist me or lead me in the right direction on what causes my css to break when I enable css minify.

My header:

<?php
/**
* Common Template
*
* outputs the html header. i,e, everything that comes before the \</head\> tag <br />
*
* @package templateSystem
* @copyright Copyright 2003-2010 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: html_header.php 6 2012-05-07 21:43:01Z numinix $
*/
/**
* load the module for generating page meta-tags
*/
require(DIR_WS_MODULES . zen_get_module_directory('meta_tags.php'));
/**
* output main page HEAD tag and related headers/meta-tags, etc
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<title><?php echo META_TAG_TITLE; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart™ Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<?php if (defined('ROBOTS_PAGES_TO_SKIP') && in_array($current_page_base,explode(",",constant('ROBOTS_PAGES_TO_SKIP'))) || $current_page_base=='down_for_maintenance' || $robotsNoIndex === true) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php } ?>
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER . DIR_WS_CATALOG ); ?>" />
<?php if (isset($canonicalLink) && $canonicalLink != '') { ?>
<link rel="canonical" href="<?php echo $canonicalLink; ?>" />
<?php } ?>

<?php
/**
* load the loader files
*/

if($RI_CJLoader->get('status') && (!isset($Ajax) || !$Ajax->status())){
$RI_CJLoader->autoloadLoaders();
$RI_CJLoader->loadCssJsFiles();
$files = $RI_CJLoader->header();

foreach($files['css'] as $file)
if($file['include']) {
include($file['src']);
} else if (!$RI_CJLoader->get('minify_css') || $file['external']) {
echo '<link rel="stylesheet" type="text/css" href="'.$file['src'].'" />'."\n";
} else {
echo '<link rel="stylesheet" type="text/css" href="min/?f='.$file['src'].'&'.$RI_CJLoader->get('minify_time').'" />'."\n";
}

foreach($files['jscript'] as $file)
if($file['include']) {
include($file['src']);
} else if(!$RI_CJLoader->get('minify_js') || $file['external']) {
echo '<script type="text/javascript" src="'.$file['src'].'"></script>'."\n";
} else {
echo '<script type="text/javascript" src="min/?f='.$file['src'].'&'.$RI_CJLoader->get('minify_time').'"></script>'."\n";
}
}
//DEBUG: echo '';
?>

<?php // NOTE: Blank line following is intended: ?>

1) Have you tried clearing the cache for CSS/JS loader (not your browser)
2) Try commenting out the each CSS file in the auto-loaders one at a time, the file that causes the same behavior perhaps has the issue.

**chadlly2003** · 20 Nov 2015, 07:20 PM

1) Have you tried clearing the cache for CSS/JS loader (not your browser)
Yes I have cleared the cache

2) Try commenting out the each CSS file in the auto-loaders one at a time, the file that causes the same behavior perhaps has the issue
Not sure what you mean by commenting out each css in the auto-loader. Could you elaborate a little bit more.

also when I do have css minify on it does break the css and slows down the site alot.

**bislewl** · 20 Nov 2015, 08:44 PM

Originally Posted by chadlly2003

1) Have you tried clearing the cache for CSS/JS loader (not your browser)
Yes I have cleared the cache

2) Try commenting out the each CSS file in the auto-loaders one at a time, the file that causes the same behavior perhaps has the issue
Not sure what you mean by commenting out each css in the auto-loader. Could you elaborate a little bit more.

also when I do have css minify on it does break the css and slows down the site alot.

ok for the CSS.

if you have something like this: (example I commented out "fec_confirmation.css")

PHP Code:


$loaders[] = array('conditions' => array('pages' => array(FILENAME_FEC_CONFIRMATION)),
    'jscript_files' => array(
        'jquery/jquery-1.10.2.min.js' => 1,
        'jquery/jquery-migrate-1.2.1.min.js' => 2,
        'jquery/jquery_fec_confirmation.php' => 3
    ),
    'css_files' => array(
        'fec_global.css' => 1,
        'fec_confirmation.css' => 2,
        'auto_loaders/fec_confirmation_overrides.css' => 3
    )
);

try commenting each line with some trial and error like this:

PHP Code:


$loaders[] = array('conditions' => array('pages' => array(FILENAME_FEC_CONFIRMATION)),
    'jscript_files' => array(
        'jquery/jquery-1.10.2.min.js' => 1,
        'jquery/jquery-migrate-1.2.1.min.js' => 2,
        'jquery/jquery_fec_confirmation.php' => 3
    ),
    'css_files' => array(
        'fec_global.css' => 1,
    //    'fec_confirmation.css' => 2,
        'auto_loaders/fec_confirmation_overrides.css' => 3
    )
);

Is commenting out a certain file in your in your loader does it create the same effect?

**chadlly2003** · 20 Nov 2015, 09:21 PM

That's what i thought you meant. I tried that with the same result. If I turn the default template on and it works well. Once I go back to my template it gets real slow and css does not display correctly. I even tried to change the max-URL-lenght but still same result. Any other ideas........

**bislewl** · 20 Nov 2015, 09:25 PM

What are the permissions on:
/public_html/cache/minify directory

**chadlly2003** · 20 Nov 2015, 09:36 PM

I am working on a local server xamp permissions are 777

**chadlly2003** · 20 Nov 2015, 10:13 PM

not sure if this helps but it looks like in the minify folder it is dupllicating everything

**teaj** · 17 Jan 2016, 01:40 PM

Hello, I just installed this addon and there is an issue with my CSS, possibly caused by errors when minifying.

My problem is - the only options I have in the ADMIN > CONFIGURATION > CSS JS LOADER section are:

Version
Max URL Length
Minify Cache Time
Latest Cache Time

There is no option to turn off CSS / JS Minifying... has something gone wrong?! Or am I missing the options elsewhere?

I will probably uninstall, but would like to try the Easy Checkout module that requires this addon.

Thanks for any help!

Zen cart 1.5.4

**bislewl** · 17 Jan 2016, 11:40 PM

Originally Posted by fobes77

Hello, I just installed this addon and there is an issue with my CSS, possibly caused by errors when minifying.

My problem is - the only options I have in the ADMIN > CONFIGURATION > CSS JS LOADER section are:

Version
Max URL Length
Minify Cache Time
Latest Cache Time

There is no option to turn off CSS / JS Minifying... has something gone wrong?! Or am I missing the options elsewhere?

I will probably uninstall, but would like to try the Easy Checkout module that requires this addon.

Thanks for any help!

Zen cart 1.5.4

Try LEAVING the files but run the uninstall.sql

**teaj** · 18 Jan 2016, 12:12 AM

Thanks. Tried that and it removes the CSS JA Loader from the Configuration menu completely. Do I need to re-install it again now somehow? The files are still in place. Cheers!

Thread: CSS JS Loader [Support Thread]

Thread Tools

Search Thread

Display

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Re: CSS JS Loader [Support Thread]

Similar Threads

v150 CSS Buttons for Admin [Support Thread]

v151 CSS/JS Loader installation question

css/js loader !!

CJ Loader (CSS/Javascript Loader) plugin function is not loaded by zen cart?

[support thread] Javascript loader

Bookmarks

Bookmarks

Posting Permissions