Zen-Cart自定义后台风格

      这两天看了下Zen-Cart的后台，Zen-Cart的默认后台是比较单调的绿色，不是太好看，所以想动手自己DIY一下后台的界面风格，也顺便稍稍了解下Zen-Cart的后台文件结构。

      首先进入admin目录下找到index.php这是后台的入口文件。搜索<?php require(DIR_WS_INCLUDES . 'header.php'); ?>，这个是后台调用的头部文件，其路径为admin/includes/header.php  在这个头部文件大约194行处可以发现有几个<td>,第一二个td是显示后台头部的，所以可以自己用PS制作一张背景图，然后为这两个td添加样式，background:url(../admin/images/bg.jpg) repeat-x;  关于后台很多常量设置都是在admin/includes/languages/english.php文件夹内，包括像logo、logo的大小等等。后台的导航栏Configurations、Catalog、Modules等等均是定义在admin/includes/header_navigation.php文件内。该文件内部又继续调用相应页面，代码如下：

<?php

  require(DIR_WS_BOXES . 'configuration_dhtml.php');
  require(DIR_WS_BOXES . 'catalog_dhtml.php');
  require(DIR_WS_BOXES . 'modules_dhtml.php');
  require(DIR_WS_BOXES . 'customers_dhtml.php');
  require(DIR_WS_BOXES . 'taxes_dhtml.php');
  require(DIR_WS_BOXES . 'localization_dhtml.php');
  require(DIR_WS_BOXES . 'reports_dhtml.php');
  require(DIR_WS_BOXES . 'tools_dhtml.php');
  require(DIR_WS_BOXES . 'gv_admin_dhtml.php');
  require(DIR_WS_BOXES . 'extras_dhtml.php');

?>

      所以导航的页面其实都是在admin/includes/boxes/目录内。

      后台首页显示的五个模块，排列的不是太好看，于是就想用JQuery重新组织一下页面，找到admin/index.php页面，每一对<div id="colone">、<div id="coltwo">、<div id="colthree">、<div id="colfour">、<div id="colfive">这五对div就是后台首页的五个模块，只需要将五对div内的PHP代码全部移动到JQuery Tabs对应的位置即可。

      其余的样式修改一般都是在admin/stylesheep.css文件和admin/main.css文件内修改对应的样式即可。