Zencart尺码表修改为链接形式_zencart教程_php教程

以前在Zencart上提问这个问题，刚开始还以为是个Zencart插件，后来才知道这个是修改就可以做到，经过好模板zuimoban网站模板的努力，终于做好了，所以分享出来。其实也很简单,首先网站要做成像图一的效果，首先申明的是我们用的是zen-cart1.3.9中文插件版（我想只要是1.3.9的都应该可以）默认模板，根据不同的模板修改不同的文件。

zencart_1

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']) . '"' =>

'"', '\'' => ''', '<' => '<', '>' => '>')) . '">

' . zen_output_string($values[$i]['text'],

array('"' => '"', '\'' => ''', '<' => '<', '>' => '>')) . '</span>'. "\n";

}

$field .= '</ul>' . "\n";

if ($required == true) $field .= TEXT_FIELD_REQUIRED;

return $field;

}

3：找到tpl_product_info_display.php（在includes/templates/classic/template

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";}}

这样算是完成了，看下做的效果图：
zencart_2

(责任编辑：好模板)