贴心
全国7×24小时客服热线
安全
病毒杀除率高于99%
稳定
网站可用性高于99.9%
实力
服务68家上市企业及集团公司
联系电话:0755-27515592
点击数：11892015-07-27 10:31:00 来源: 外贸网站建设,深圳外贸网站建设,深圳网站建设,外贸商城网站制作-亿恩科技
以前在Zencart上提问这个问题，刚开始还以为是个Zencart插件，后来才知道这个是修改就可以做到，经过VCPHP网站模板的努力，终于做好 了，所以分享出来。其实也很简单,首先网站要做成像图一的效果，首先申明的是我们用的是zen-cart1.3.9中文插件版（我想只要是1.3.9的都 应该可以）默认模板，根据不同的模板修改不同的文件。
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 = '
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 .= '
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文件夹下，代码如下:
elsedocument.getElementById('attribs'+i).className = "selectAttr";}}
这样算是完成了，看下做的效果图：
亿恩科技手机站
关注亿恩科技微信
