商品颜色尺寸仿淘宝选择功能教程ECSHOP

?

{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </label><br />

<!-- {/foreach} -->

修改为：

<div href="javascript:;" 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 style="display:none" id="spec_value_{$value.id}" type="radio" name="spec_{$spec_key}" value="{$value.id}" {if $key eq 0}checked{/if} /></a>

<!-- {/foreach} -->

</div>

二:增加js控制样式与选中行为
搜索function changePrice()在其上面添加一个js函数

function changeAtt(t) {

t.lastChild.checked='checked';

for (var i = 0; i<t.parentNode.childNodes.length;i++) {

??????? if (t.parentNode.childNodes[i].className == 'cattsel') {

?????????? t.parentNode.childNodes[i].className = '';

??????? }

??? }

t.className = "cattsel";

changePrice();

}

说明:
1.以上修改会将商品属性部分所有radio修改.
2.由于用户goods.dwt可能都被修改过,用户请根据自己的实际情况修改.

代码非原创，不解答……

用到一个图片素材，url("images/test.gif")

?