# Zen\_Cart搭建外贸网站的流程之一

**URL:** <https://www.isharkfly.com/t/zen-cart/3865>\
**Category:** PHP\
**Created:** [August 15, 2012, 2:14am UTC](https://www.isharkfly.com/t/zen-cart/3865 "2012-08-15T02:14:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [August 15, 2012, 2:14am UTC](https://www.isharkfly.com/t/zen-cart/3865/1 "2012-08-15T02:14:51Z")

</div>

本文介绍了基于Zen Cart 搭建外贸网站的流程以及在使用Zen-Cart 网站中遇到的一些常见问题，是作者开发经验的总结，对希望快速了解和掌握Zen Cart 的PHPer 有所帮助。

1、安装配置PHP+MySQL 环境  
建议安装PHP 集成环境包(方便快捷).网上也有许多此类教程，在此就不赘叙了。如果是虚拟主机的话，需要服务器支持Zen-Cart 的安装运行环境要求。

2、下载Zen-Cart 源程序，解压并上传到网站空间的对应目录下，在浏览器的地址栏里面输入[http://domainname/zc\_install/index.php，然后按照提示步骤进行安装](http://domainname/zc_install/index.php%EF%BC%8C%E7%84%B6%E5%90%8E%E6%8C%89%E7%85%A7%E6%8F%90%E7%A4%BA%E6%AD%A5%E9%AA%A4%E8%BF%9B%E8%A1%8C%E5%AE%89%E8%A3%85)…  
安装完成之后，转到前台会发现有两条显眼的红色背景的Warning，这是要求你删除或重命名安装目录的名字，以及让你修改配置文件的权限(FTP 改不了的话直接修改includes\init\_includes\init\_header.php 文件：  
define(‘WARN\_CONFIG\_WRITEABLE’, ‘true’); 里true 改为false)，以防被别有用心者利用，按照要求做，然后再刷新你的网页就OK 了。

3、安装Easy Popular 批量商品管理软件，然后批量导入数据。  
下载批量商品管理插件，解压之后，里面有一个若干个txt 文件和一个catalog 的目录，将catalog 目录下的文件全部拷贝到你的程序安装目录下。  
刷新后台，在Tools 栏目下便可以发现多了Easy Popular 的菜单；点击进入，网页顶部会有相关Configuration 提示要你安装，根据提示点击"here"，这样就成功安装了EP插件。  
然后是向数据库导入数据，这里要求上传产品图片到程序安装目录下的images 目录下，可能产品图片非常多，手工编辑记录数据很麻烦，本人写了一个专用的小工具可根据产品图片直接生成对应的excel 报表，如有需要的，可联系本人。

4、模版修改，主要是三个大的方面：顶部的Banner 和Logo、导航、Flash/JS 图片展示、整体的色调  
修改导航栏在includes/templates/模版文件目录/commom/tpl\_header.php。  
在这个文件下id 为topLinks 的div 里面require 了一个文件，里面是输出导航菜单的。  
可以将这个require 改为我们需要的东西， 也可以直接去includes/templates/template\_default/templates/tpl\_ezpages\_bar\_header.php 里面修改，对应的CSS 位于includes/templates/模版文件目录/css/stylesheet.css 里面的#topLinks，对于三栏的模版，左右两侧栏目的宽度都可以在Configuration 下的布局设置里可直接修改， 但对于中间一栏的设置则需要修改CSS 代码了， 对应的CSS 代码位于includes/templates/模版文件目录/css/stylesheet.css 文件中的#mainWrapper 中，改过这里之后，你便会发现顶部的LOGO 和导航那部分的宽度与整体不协调了，我们继续修改本文件中的#logoWrap 的宽度就可以了。  
默认模版左右侧栏的标题背景颜色是不相同的，若要把他们修改为一样的颜色该怎么修改呢？有两种办法，一种就是继续在上面的CSS 文件里面直接修改背景图片，另外一种就是将模版文件下images 目录下的带有Headingbg 的图片换成一样的图片。
