首先在products数据表用增加一个字段detail_image，数据类型设置为text格式的

然后覆盖下面这个文件到网站跟目录中（附里面有说明文档）

 数据库中存细节图

示例批量表格式，其实也就是增加一个字段名称v_detail_image，供大家下载看下

批量表

大家有什么问题加我qq：350314173

1：重要提示

我服务器上安装的系统是centos6.0，根据每个系统不一样，安装的时候可能有出入，自己根据错误提示去解决

2：安装MySQL 5.0

打开终端，输入：

yum install mysql mysql-server

然后为MySQL创建系统启动链接(这样在系统启动时，MySQL会自动启动)，在终端输入命令：

chkconfig --levels 235 mysqld on
/etc/init.d/mysqld start

为MySQL root帐户设置密码：

mysql_secure_installation

终端显示，按照提示操作:

[root@server1 ~]# mysql_secure_installation

NOTE: RUNNING ALL PARTS OF THIS SCRIPT IS RECOMMENDED FOR ALL MySQL
SERVERS IN PRODUCTION USE!  PLEASE READ EACH STEP CAREFULLY!

In order to log into MySQL to secure it, we’ll need the current
password for the root user.  If you’ve just installed MySQL, and
you haven’t set the root password yet, the password will be blank,
so you should just press enter here.

Enter current password for root (enter for none):
OK, successfully used password, moving on…

Setting the root password ensures that nobody can log into the MySQL
root user without the proper authorisation.

Set root password? [Y/n] <– 回车
New password: <– 设置一个用户密码
Re-enter new password: <– 再输入一次你设置的密码
Password updated successfully!
Reloading privilege tables..
… Success!

By default, a MySQL installation has an anonymous user, allowing anyone
to log into MySQL without having to have a user account created for
them.  This is intended only for testing, and to make the installation
go a bit smoother.  You should remove them before moving into a
production environment.

Remove anonymous users? [Y/n] <– 回车
… Success!

Normally, root should only be allowed to connect from ’localhost’.  This
ensures that someone cannot guess at the root password from the network.

Disallow root login remotely? [Y/n] <–回车
… Success!

By default, MySQL comes with a database named ’test’ that anyone can
access.  This is also intended only for testing, and should be removed
before moving into a production environment.

Remove test database and access to it? [Y/n] <– 回车
- Dropping test database…
… Success!
- Removing privileges on test database…
… Success!

Reloading the privilege tables will ensure that all changes made so far
will take effect immediately.

Reload privilege tables now? [Y/n] <– 回车
… Success!

Cleaning up…

All done!  If you’ve completed all of the above steps, your MySQL
installation should now be secure.

Thanks for using MySQL!

[root@server1 ~]#

3.安装的Apache2

yum install httpd

　　配置系统启动时自动启动apache

chkconfig --levels 235 httpd on

　　重启apache:

/etc/init.d/httpd start

　　在CentOS中Apache的默认文档的根目录是/var/www/html，配置文件/etc/httpd/conf/httpd.conf。其他配置存储在/etc/httpd/conf.d/目录里。

　　4.Installing PHP5

　　我们可以安装PHP5和Apache PHP5模块,命令如下：

yum install php

　　安装完成后必须重新启动Apache

/etc/init.d/httpd restart

　　5.测试PHP5 /获取PHP5安装的详细信息

　　默认的Web站点的文档根目录/var/www/html 。现在，我们将在该目录中创建PHP探针文件((info.php)，在浏览器中调用它 。该文件将显示很多有用的细节，看看我们安装的php模块安装时候完成。

vi /var/www/html/info.php

　　现在，在浏览器打开(如文件http://你的服务器IP/info.php)：

　　正如您所看到的，PHP5工作正常，如果继续向下滚动，你会看到所有在PHP5中已经启用的模块 。没有MySQL，这意味着我们php5中还没有MySQL支持模块。

　　6.在PHP5中添加MySQL支持

yum search php

　　挑选那些你需要的模块，安装：

yum install php-mysql php-gd php-imap php-ldap php-mbstring php-odbc php-pear php-xml php-xmlrpc

　　现在重新启动Apache2

/etc/init.d/httpd restart

　7.安装phpMyAdmin管理数据库

　　phpMyAdmin是一个Web界面，通过它可以管理你的MySQL数据库。

下载phpmyadmin，命令如下
先转到/var/www/html目录下

cd /var/www/html

wget phpmyadmin下载地址，例如

wget http://nchc.dl.sourceforge.net/project/phpmyadmin/phpMyAdmin/3.4.10.1/phpMyAdmin-3.4.10.1-all-languages.tar.gz

然后用tar解压 例如

tar zxvf phpMyAdmin-3.4.10.1-all-languages.tar.gz

接下来你就可以管理你的数据库了。
　8.相关链接

　　Apache: http://httpd.apache.org/

　　PHP: http://www.php.net/

　　MySQL: http://www.mysql.com/

　　CentOS: http://www.centos.org/

　　phpMyAdmin: http://www.phpmyadmin.net/

        这两种方式下载图片的区别在于如图对比

        第一种方式图1

        第二种方式图2

首先在product_listing.php（includes\modules\classic） 增加如下代码

$limit = array();
$limit[] = array('id'=>12,'text'=>12);
$limit[] = array('id'=>24,'text'=>24);
$limit[] = array('id'=>'all','text'=>'all');
$sort = array();
$sort[] = array('id'=>'2a','text'=>'Name-A to Z');
$sort[] = array('id'=>'3d','text'=>'Name-Z to A');
$sort[] = array('id'=>'3a','text'=>'Price - low to high');
$sort[] = array('id'=>'3d','text'=>'Price - high to low');

在这个页面中把

$listing_split = new splitPageResults($listing_sql, $max_results,'p.products_id', 'page');

修改为

$listing_split = new splitPageResults($listing_sql, (isset($_GET['limit']) ? $_GET['limit'] :
MAX_DISPLAY_PRODUCTS_LISTING), 'p.products_id', 'page');

然后在 tpl_modules_product_listing.php （includes\templates\classic\templates）增加如下代码

<?php if($linkMark = strpos($_SERVER['REQUEST_URI'],'?')){
$cleanUrl = substr($_SERVER['REQUEST_URI'],0,$linkMark);
}else{
$cleanUrl = $_SERVER['REQUEST_URI'];
}function cleanSameArg($clean){
global $_GET,$cleanUrl;$newArg = array();
reset($_GET);
while (list($key, $value) = each($_GET)) {
if($key != 'main_page' and $key != 'cPath' and $key != 'display' and $key != $clean){
$newArg[] = $key.'='.$value;}}if(sizeof($newArg)>0){
return $cleanUrl.'?'.implode('&',$newArg);}else{
return $cleanUrl;}}function postfixUrl(){
global $_SERVER;$posbool = strpos($_SERVER['REQUEST_URI'],'?');return (is_int($posbool) ? substr($_SERVER['REQUEST_URI'],$posbool) : '');
}?>
<li><strong>Sorted By: </strong><?php echo zen_draw_pull_down_menu('sort',$sort, (isset($_GET['sort']) ? $_GET['sort'] : ''), 'onchange="changeSort(this,\''.cleanSameArg('sort').'\');" class="select" rel="dropdown"');?></li>
<li><strong>Sort By: </strong> <?php echo zen_draw_pull_down_menu('limit',$limit, (isset($_GET['limit']) ? $_GET['limit'] : '20'), 'onchange="changePagesize(this,\''.cleanSameArg('limit').'\');" class="select1" rel="dropdown"');?></li>
<?php if ( ($listing_split->number_of_rows > 0) && ( (PREV_NEXT_BAR_LOCATION == '1') || (PREV_NEXT_BAR_LOCATION == '3') ) ) {?>
<div id="productsListingTopNumber" class="navSplitPagesResult back"><?php echo $listing_split->display_count(TEXT_DISPLAY_NUMBER_OF_PRODUCTS); ?></div>
<div id="productsListingListingTopLinks" class="navSplitPagesLinks forward">
<?php echo TEXT_RESULT_PAGE . ' ' . $listing_split->display_links(MAX_DISPLAY_PAGE_LINKS, zen_get_all_get_params(array('page', 'info', 'x', 'y', 'main_page'))); ?></div>
<br class="clearBoth" /><?php}?></form>

接着在tpl_index_product_list.php（includes\modules\classic）增加如下代码

<form name="split_page_form" action="http://<?php echo$_SERVER['SERVER_NAME'] ?>
<?php echo $_SERVER["REQUEST_URI"]; ?>" method="get" style="margin:0;">
<?phpecho zen_draw_hidden_field('main_page', FILENAME_DEFAULT);echo zen_hide_session_id();
// draw cPath if known
if (!$getoption_set) {echo zen_draw_hidden_field('cPath', $cPath);} else {
// draw manufacturers_idecho
zen_draw_hidden_field($get_option_variable, $_GET[$get_option_variable]);}?>

接着还要修改在includes/classes/split_page_results.php页面中把

$max_rows = ($max_rows == '' || $max_rows == 0) ? 20 : $max_rows;

修改为

 if($max_rows=='all'){
        $max_rows = 10000;
    }else{
        $max_rows = ($max_rows == '' || $max_rows == 0) ? 20 : $max_rows;
    }

最后增加一个js，代码如下

function changeSort(obj, sort_url){if(obj.value != '-1'){if(sort_url.indexOf('?') > -1){
window.location.href= sort_url + "&sort=" + obj.value;}else{window.location.href= sort_url + "?sort=" + obj.value;
}}}
function changePagesize(obj, sort_url){
if(obj.value != '-1'){
if(sort_url.indexOf('?') > -1){
window.location.href= sort_url + "&limit=" + obj.value;
}else{
window.location.href= sort_url + "?limit=" + obj.value;
}}}

为了避免页面的重复收录，可以添加如下语句，在合适的位置

<link rel="canonical" href="http://<?php $URL=$_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];$geturl=explode('?',$URL);echo $geturl[0]; ?>" />

好了就这些，根据自己的需要进行修改吧，我是在默认模板下测试的，有问题给我留言啊！

然后就开始修改了，
1：打开attributes.php（在includes/modules/classic下面），找到大概595行把zen_draw_pull_down_menu修改为

zen_draw_pull_down_menu_options

2：打开html_output.php（在includes/functions下面），找到大概533行 ，在下面添加如下一个函数

  function zen_draw_pull_down_menu_options($name, $values, $default = '',
  $parameters = '', $required = false) {
    $field = '<ul name="' . zen_output_string($name) . '"';
    if (zen_not_null($parameters)) $field .= ' ' . $parameters;$field .= '>' . "\n";
    if (empty($default) && isset($GLOBALS[$name]) && is_string($GLOBALS[$name]) )
 $default = stripslashes($GLOBALS[$name]);
    for ($i=0, $n=sizeof($values); $i<$n; $i++) {
 $field .= ' <li id="attribs' . zen_output_string($values[$i]['id']) . '"
 onclick="AttribUpdate(' . zen_output_string($values[$i]['id']) . ')"';
 if ($default == $values[$i]['id']) {
        $field .= ' selected="selected"';
      }
   $field .= '><span id="Attrtext' . zen_output_string($values[$i]['id']) . '"' =>
   '&quot;', '\'' => '&#039;', '<' => '&lt;', '>' => '&gt;')) . '">
   ' . zen_output_string($values[$i]['text'],
   array('"' => '&quot;', '\'' => '&#039;', '<' => '&lt;', '>' => '&gt;')) . '</span>'. "\n";
    }
    $field .= '</ul>' . "\n";
    if ($required == true) $field .= TEXT_FIELD_REQUIRED;
    return $field;
  }

3：找到tpl_product_info_display.php（在includes/templates/classic/templates下面），打开以后找到129行，添加如下代码

<div id="selectsize"></div> <input type="hidden"  value="0" id="attrivalues" name="id[1]"/>

4：打开stylesheet.css（在includes/templates/classic/css下面），添加如下样式，这个可以根据不同网站进行修改

.back ul li {
float: left;
line-height: 20px;
margin: 0 4px 4px 1px;
min-width: 22px;
padding: 1px;
position: relative;
vertical-align: middle;
list-style:none;}
.back ul li span {
display:block;padding:3px;}
.back ul li.selectAttr {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
cursor: pointer;}
.back ul li.selectAttr:hover {
background-color: #FF6600;
border: 1px solid #FFA500;}
.back ul li.select {
background-color: #FFA500;
}

5：添加一个jscript_size.js文件，放到includes/templates/classic/jscript文件夹下，代码如下

function AttribUpdate(id)
{document.getElementById('attrivalues').value=id;
document.getElementById('selectsize').innerHTML=
"<div class='text'>Your Choice Size: "+document.getElementById('Attrtext'+id).className+"</div>";
for(i=1; i <=(document.getElementById('attrib-1').getElementsByTagName('li').length); i++)
{if(i == id)document.getElementById('attribs'+i).className = "select";
elsedocument.getElementById('attribs'+i).className = "selectAttr";}}

OK.，就这样算是完成了，看下我做的效果图 图2所示

以上css可以根据自己网站的情况进行修改的，有什么不明白的地方给我留言啊！

然后我们就先升级php到5.2,本身我安装好以后，php版本是5.1.7的

#rpm--import http://www.jasonlitka.com/media/RPM-GPG-KEY-jlitka

[root@localhost ~]# vi /etc/yum.repos.d/CentOS-Base.repo 增加下面信息

[utterramblings]
name=Jason's Utter Ramblings Repo
baseurl=http://www.jasonlitka.com/media/EL$releasever/$basearch/
enabled=1
gpgcheck=1
gpgkey=http://www.jasonlitka.com/media/RPM-GPG-KEY-jlitka

执行命令，自动升级。

[root@localhost ~]#yum update php -y
[root@localhost ~]#yum install libmcrypt -y
[root@localhost ~]#chkconfig httpd on  （设置apache服务随系统启动自启动）

接着就是安装mysql，其实也很简单，mysql没有安装，需要我们自己安装

[root@localhost ~]# yum -y install mysql-server
[root@localhost ~]# yum -y install php-mysql
[root@localhost ~]# chkconfig mysqld on（设置mysql服务随系统启动自启动）
[root@localhost ~]# chkconfig --list mysqld　 （确认mysql自启动）
service mysqld restart    （启动mysql）

以下是修改mysql的root密码

mysql -u root （用root用户登录mysql服务器）
mysql>update mysql.user set password=password("密码") where user='root';

最后安装phpmyadmin
安装phpmyadmin很简单，上传到/var/www/html 目录下就可以了

修改http.conf文件 支持伪静态

AllowOverride None改为AllowOverride All

(OS 10048)通常每个套接字地址(协议/网络地址/端口)只允许使用一次。  : make_sock: could not bind to address 0.0.0.0:443
no listening sockets available, shutting down
Unable to open logs
说明是与0.0.0.0:443端口绑定时出现问题，也就是配置https的时候有问题。
根据网上提供的说法，看看哪个程序占用了443端口。方法如下

1、运行cmd，然后输入netstat -ano，回车；
2、查看开头几行包含0.0.0.0:443的那一行最后的pid，为几个数字，把这几个数字记下来；
3、启动“任务管理器”——“进程”，在“工具栏”——“选择列”前面的框里打上勾；
4、然后找到与刚才那个pid对应的是哪个程序，很容易就会找到，就是它与0.0.0.0:443进行了绑定（bind）；
在我的服务器上发现是是serv-u占用了443端口，然后我卸载了，发现又出现其他问题了，

错误如下
[notice] Disabled use of AcceptEx() WinSock2 API

然后按照网上说的重置winsock
运行 netsh winsock reset ，然后重启Apache。

然后发现可以了，但是还是有一点错误提示，网站运行正常我也就没管了
错误提示如下
指定的网络名不再可用。  : winnt_accept: Asynchronous AcceptEx failed.

然后我把serv-u再安装下也没问题了。
有时间再解决下，写的过于简单，因为当时出现的错误也忘记了记录，大致过程就是这样的。