Zencart插件系列 Zencart Css Javascript Loader-CJ Loader插件

本文将介绍 Zencart Css Javascript Loader-CJ Loader插件的主要功能,Css Javascript Loader的安装方法。之后会介绍依赖于此插件的 zencart网站上 Jquery Lightbox(jqlightbox)插件 和 JQuery Zoom(jqzoom)插件的功能和安装.

Zencart Css Javascript Loader-CJ Loader插件的主要功能:

1.一定程度上 提升zencart网站的性能,用户体验.
CJ Loader插件包含了 PHP Minify(一个php开源项目,用于合并和压缩 CSS和JS文件),让zencart网站中的经过它优化压缩后的CSS和JS文件,缓存在浏览者的浏览器中一定时间(我看了默认配置是一年)。

2.提升开发速度
CJ Loader可以 在特定情况下使用特定的加载顺序来加载指定的css和javascript 文件,还有一个不错的功能时,可以允许你在css文件中书写PHP代码.

3.仿制js,css文件冲突和重复加载
如,zencart网站的下载安全的其他插件中,如果有两个都带有 同一个 javascript 文件(例如:jQuery),那么它将会被加载两次, 不过要使得这个功能生效的话,那么开发者必须都使用CJ Loader插件来加载 css和javascript 文件,这个我觉得有点 牵强了.

4.可跨浏览器兼容
可以为不同的浏览器制定加载不同的 css和javascript 文件,这点在做 IE6兼容的时候 还比较实用.

Zencart Css Javascript Loader-CJ Loader插件的安装:

第一步:下载插件
CJ Loader插件的下载地址
http://blog.rubikintegration.com/2011/02/07/new-feature-for-css-javascript-loade
第二步:配置模板
在解压之后的文件中,找到 \zencart_files\includes\templates 文件夹
将文件夹下面的 YOUR_TEMPLATE 文件夹
改名为 你当前所使用模板的 文件夹

第三步:备份文件
以下文件将要被覆盖,请做好备份
\includes\templates\YOUR_TEMPLATE\common\html_header.php

第四步:运行sql安装语句
这里我推荐使用 phpMyAdmin 来运行sql语句,而不是通过后台的 Admin→Tools→Install Sql Patches 来进行安装, 笔者用zencart后台带的 Install Sql Patches 进行安装,发现数据库中的 configuration 表无变化,而configuration_group则成功添加了一条记录,看来CJ Loader插件的sql安装语句运行失败。之后用 phpMyAdmin 来运行sql语句 则成功运行。 所以推荐用phpMyAdmin 来运行sql语句进行安装。

第五步:上传文件
上传之前,如果你所用的模板中,对第三步中的 html_header.php 有更改的话,那么你要使用 文本对比工具 将两个文件进行 整合了。
上传 zencart_files文件夹下的如下两个文件夹到 zencart网站根目录(跟 admin同级别)
includes
min

第六步:查看效果
如果之前的步骤 都没有问题的话,可以去浏览器查看效果了。
以下是笔者 安装成功后的效果.

安装环境:
zencart 1.39f (使用模板为 lite_blue )
php5.2.14
apache 2.2.16

另附:Fast and Easy Checkout for Zen Cart(快速支付插件)地址:http://www.numinix.com/zen-cart-modules/checkout/fast-and-easy-checkout-for-zen-cart