ecshop商品颜色属性选择2.7
2016-09-07 22:03 来源:www.chinab4c.com 作者:ecshop专家
在GOODS.DWT加入JS代码。
function getSelectedAttr(a, b, c) {
var d = new Array(); var j = 0; for (k = 0; k < a.elements.length; k++) { a.elements[k].checked = false } for (i = 0; i < a.elements.length; i++) { var f = a.elements.name.substr(0, 5); if (a.elements.value == c) { if (a.elements.checked == false) { a.elements.checked = true } } if (f == 'spec_' && (((a.elements.type == 'radio' || a.elements.type == 'checkbox') && a.elements.checked) || a.elements.tagName == 'SELECT')) { d[j] = a.elements.value; j++ } } return d }
function changeP(a, b, c) { var d = getSelectedAttr(document.forms['ECS_FORMBUY'], b, c); var e = document.forms['ECS_FORMBUY'].elements['number'].value; for (var i = 0; i < a.parentNode.childNodes.length; i++) { if (a.parentNode.childNodes.className == 'selected') { a.parentNode.childNodes.className = '' } } a.className = "selected"; Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + d + '&number=' + e, changePriceResponse, 'GET', 'JSON') } 再修改按钮
<a onclick="changeP(this,'spec_{$spec_key}',{$value.id})" name={$value.id} title="[{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}]">{$value.label}
<input type="radio" style="display:none" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" /></a> 再加入CSS..
/*颜色选择*/
.key LI { POSITION: relative; PADDING-BOTTOM: 1px; LINE-HEIGHT: 30px; BACKGROUND-COLOR: #fff; MARGIN: 0px 4px 4px 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FLOAT: left; VERTICAL-ALIGN: middle; PADDING-TOP: 1px; } .key LI A { BORDER: #c8c9cd 1px solid; TEXT-ALIGN: center; BACKGROUND-COLOR: #fff; margin-left:5px;margin-top:6pxADDING-LEFT: 10pxADDING-RIGHT: 10px;DISPLAY: block; WHITE-SPACE: nowrap; COLOR: #000; TEXT-DECORATION: none; FLOAT: left; } .key LI A:hover { BORDER: #ff6701 2px solid; MARGIN: -1px; margin-left:4px;margin-top:5px; } .key LI A:focus { OUTLINE-STYLE: none } .key LI A.selected {
BORDER: #ff6701 2px solid; MARGIN: -1px;BACKGROUND: url("images/test.gif") no-repeat bottom right; margin-left:4px;margin-top:5px; } .key LI.selected A:hover { BORDER: #ff6701 2px solid; MARGIN: -1px;BACKGROUND: url("images/test.gif") no-repeat bottom right; } .key LI.selected I { POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 12px; BOTTOM: 0px; DISPLAY: block; BACKGROUND-POSITION: 0px -101px; HEIGHT: 12px; OVERFLOW: hidden; RIGHT: 0px } |
最近更新
常用插件
- ecshop2.7.1邮件发送插件
ecshop2.7.1邮件发送插件:该插件主要的开发思想是源于ecshop短信发送系统...
- ecshop二次开发商品购买增
图片1香...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop2.7.2生成虚拟订单2.
以前我们开发过ecshop下的虚拟订单,就是客户在访问的时候,会自动生...
- ecshop最小购买数量控制插
ecshop最小购买数量控制插件,这个插件主要是为我们提供一个十分方便...
ecshop热门问答
ecshop热门资料
ecshopphone
ecshop春节
ecmall插件
ecshop显示价格
ecshop在线求助
ecshop天才
ecshop在线客服
ecshopPro-Php
ecshop3个星号
ecshop短信接口
ecshop付款
ecshop白色
ecshop流量统计
ecshop加盟
ecshop百度有啊
ecshopNEWER
ecshopgreen
ecshop老杨版ECSHOP
ecshop绿色模板
ecshop用途
ecshop解密
ecshop统计
ecshop发件人
ecshop有没有
ecshop分店
ecshop2011
ecshop商品库存
ecshop用处
ecshop引致
ecshop模特