CSS JS Loader [Support Thread]

[marton_1]

Couple of other possible clues
When I view source on the correctly working test site (chrome Browser) I see the following; but it is not on the live site (with not working image zoom).

</script><script type="text/javascript" src="min/?f=/zencart151/includes/templates/responsive_template_default/jscript/jquery/jquery-1.10.2.min.js,/zencart151/includes/templates/responsive_template_default/jscript/jquery/jquery.elevateZoom-3.0.8.min.js,/zencart151/includes/templates/responsive_template_default/jscript/jquery/jquery_product_image_zoom.js&1463221628"></script>

When I use Chrome developer tools on the live site with no zoom I see the following, so I assume jquery works ok

$(document).ready(function () {
   if(_docready)
   {
    console.log("jquery duplicate ready");
	return;
   }
  
  _docready = true;
  console.log("jquery doc ready");
  console.log("document.readyState = "+document.readyState);    
  OnPageload();

[marton_1]

I ran the online SeoSiteCheckup tests and got 100% for CSS and JS uploading so I assume my CSS JS loader is working OK? Or is there other functionality I should check?

[marton_1]

Today I re-installed the Google Analytics tag and now the Image zoom is working on my live site.
I have no clue why and I do not know of any logical ink between Google Analytics tag and the Image zoom?

Only theory that I have is that there was some failure on the tpl_main_page.php that was fixed when I uploaded the new version; but I do not have much faith in my theory

[RedSpinnaker]

html_header.php file missing from Version: 4.0.2 Download package 3 Mar 2016
Ref: plugin download page: https://www.zen-cart.com/downloads.php?do=file&id=1774

Is this file truly missing from the package, or is it just me?
/includes/templates/YOUR_TEMPLATE/common/html_header.php

The 4.0.2 installation documentation requires extensive changes to the html_header.php file which should be included, but in my repeated download the file is missing.
Perhaps the file html_header.php is unchanged from the earlier version: 3.0.5, and if so one might use that file?

Any thoughts please
Terry

[lat9]

@RedSpinnaker, it looks like the installation instructions for the plugin have changed. The changes needed for your template's /common/html_header.php are now covered in the readme itself.

[RedSpinnaker]

@RedSpinnaker, it looks like the installation instructions for the plugin have changed. The changes needed for your template's /common/html_header.php are now covered in the readme itself.

Yes thanks Lat i see that. But my problem is that I can not find the new /common/html_header.php file included in the CSS JS download package.

Cheers
Terry

[lat9]

Yes thanks Lat i see that. But my problem is that I can not find the new /common/html_header.php file included in the CSS JS download package.

Cheers
Terry

Right, my point was that the file itself is no longer part of that distribution (so you can stop looking). The readme's installation instructions have been updated to identify the code section to change in your template's version of /common/html_header.php.

[RedSpinnaker]

Right, my point was that the file itself is no longer part of that distribution (so you can stop looking). The readme's installation instructions have been updated to identify the code section to change in your template's version of /common/html_header.php.

OK understood - though I was hoping that was not the case since making the changes to the existing /html_header.php as per the 4.0.2 readme stuffs up the header layout (can't show you as running on local host). I am able to run 3.0.5 without a problem, so will just stay with that pending any further findings.

Cheers

[BlackOrchidCouture]

Hi all. I'm using Zen Cart v154 and CSS/JS Loader 4.0.2

I installed the loader to install FEC, both of which I've used with other templates and Zen Cart versions with no issue.

Before installing the loader, Tabbed Products Pro and my mobile site worked fine, but my checkout process definitely needed FEC. I'm using a responsive template, Winchester Black, and the mobile site worked without glitches.

Now, TPP doesn't create tabs, all the info that was before in tabs is now all on each product page, not a huge deal, and I read that TPP and CSS/JS Loader don't really work together now. This isn't a huge issue to me.

The main issue is that on my mobile site, the responsive dropdown menu isn't there, the options that would be in the menu are laying over my logo, but they aren't clickable. For instance, Categories is one of these links, it can't be clicked on, therefore there isn't access to all the products. So really, the mobile site can't be used.

I've gone over the instructions for the loader over and over, I know that I replaced the code correctly in the html_header.php file. There IS extra code in this file for the responsive template than is included in the default template, it seems to be the code needed to make it responsive. If I replace the html_header file with the default file included with my template, the mobile site works fine, but FEC doesn't.

I read somewhere that Winchester Black is used with FEC successfully, so there should be a way to make this work. Should I uninstall TPP since I can't use it anyway? Maybe the code is interfering, even though it's turned off in admin.

FEC and mobile are both important for my sales!! Any ideas?

Thank you!!

In case it helps, here is my current html_header.php file, with the merged loader code:

<?php
/**
 * Common Template
 *
 * outputs the html header. i,e, everything that comes before the \</head\> tag <br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2014 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 GIT: $Id: Author: DrByte  Jul 5 2014 Modified in v1.5.4 $
 * Altered by rbarbour (ZCAdditions.com), Responsive DIY Template Default for 1.5.x (65)
 * Modified by Anne (Picaflor-Azul.com) Winchester Black v1.0
 */
/**
 * 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
 */
?>


<?php
// (BOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    

if (!class_exists('Mobile_Detect')) {
include_once(DIR_WS_CLASSES . 'Mobile_Detect.php'); 
$detect = new Mobile_Detect;
}

// (EOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    
?>

<!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&reg; Team. Responsive zen cart design by Picaflor Azul. " />
<meta name="generator" content="shopping cart program by Zen Cart&reg;, http://www.zen-cart.com eCommerce" />

<?php // (BOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    ?>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

<?php // (EOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    ?>

<?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
*/
$RC_loader_files = array();
if($RI_CJLoader->get('status') && (!isset($Ajax) || !$Ajax->status())){
    $RI_CJLoader->autoloadLoaders();
    $RI_CJLoader->loadCssJsFiles();
    $RC_loader_files = $RI_CJLoader->header();

    foreach($RC_loader_files['meta'] as $file) {
        include($file['src']);
        echo "\n";
    }

    foreach($RC_loader_files['css'] as $file){
        if($file['include']) {
            include($file['src']);
        } else if (!$RI_CJLoader->get('minify_css') || $file['external']) {
            //$link = $file['src'];
            echo '<link rel="stylesheet" type="text/css" href="'.$file['src'] .'" />'."\n";
        } else {
            //$link = 'min/?f='.$file['src'].'&amp;'.$RI_CJLoader->get('minify_time');
            echo '<link rel="stylesheet" type="text/css" href="min/?f='.$file['src'].'&amp;'.$RI_CJLoader->get('minify_time').'" />'."\n";
        }
    } 
}
//DEBUG: echo '<!-- I SEE cat: ' . $current_category_id . ' || vs cpath: ' . $cPath . ' || page: ' . $current_page . ' || template: ' . $current_template . ' || main = ' . ($this_is_home_page ? 'YES' : 'NO') . ' -->';



// (BOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    

if (COLUMN_WIDTH == '0' || (in_array($current_page_base,explode(",",'popup_image,popup_image_additional')) )) {  

    echo '';

} else {
$responsive_mobile = '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . 'responsive_mobile.css' . '" />'; 
require($template->get_template_dir('responsive_mobile.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/responsive_mobile.php');

$responsive_tablet = '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . 'responsive_tablet.css' . '" />'; 
require($template->get_template_dir('responsive_tablet.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/responsive_tablet.php');

$responsive_default = '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . 'responsive_default.css' . '" />'; 

echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . 'responsive.css' . '" />';

if ($detect->isMobile() && !$detect->isTablet() or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $detect->isTablet() && $_SESSION['display_mode']=='isMobile' or $_SESSION['display_mode']=='isMobile') {

    echo $responsive_mobile;


} else if ($detect->isTablet() or $detect->isMobile() && $_SESSION['display_mode']=='isTablet' or $detect->isTablet() && $_SESSION['display_mode']=='isTablet' or $_SESSION['display_mode']=='isTablet'){

    echo $responsive_tablet;


} else if ($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $_SESSION['display_mode']=='isNonResponsive'){

    echo '';

} else {

    echo $responsive_default;

  }  
}

if($detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isTablet() && $_SESSION['display_mode']=='isDesktop' or $detect->isMobile() && !$detect->isTablet() && $_SESSION['display_mode']=='isNonResponsive' or $detect->isTablet() && $_SESSION['display_mode']=='isNonResponsive' or $_SESSION['display_mode']=='isNonResponsive'){
$fluidisFixed = 'fluidIsFixed';
} else {
$fluidisFixed = '';
}
// (EOF - 2.1) Responsive DIY Template Default for 1.5.x (65)    
?>

<script src="<?php echo $template->get_template_dir('css_browser_selector.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/css_browser_selector.js' ?>" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" />


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

[BlackOrchidCouture]

I fixed my mobile site and FEC is installed, I followed Design75's advice on this page, used his html_header code and it worked: https://www.zen-cart.com/showthread....-v1-5-x/page30