Magento将可配置选项选择更改为div样式下拉选项

时间:2013-11-06 10:16:19

标签: magento parent-child options configurable

是否有一种方法/指南可以将可配置选项选项从选择下拉列表类型更改为产品视图页面上的div / ul-li下拉列表类型?因为我需要为每个子选项添加库存状态。

提前致谢!

1 个答案:

答案 0 :(得分:0)

将select标签更改为UL,将选项标签更改为li。更新您的JavaScript以处理此问题。您可以使用以下脚本并根据您的要求进行操作。

function UpdateProductAttribute(AttributeId,ValueId,Qty,ProductId)
{
var RunFunction = true;
if (!isNaN(Qty) && Qty < 1){
    RunFunction = false;
}
if (RunFunction == true){
    var CurrentValueId = $('attribute' + ProductId + '_' + AttributeId).getValue();
    if(CurrentValueId){
        $('attributeselect' + AttributeId + '_' + CurrentValueId).removeClassName('active');
    }
        $('attribute' + ProductId + '_' +AttributeId).setValue(ValueId);
        $('attributeselect'+ AttributeId + '_' + ValueId).addClassName('active');
    }
}

您需要为表单提供超级属性ID(ValueID)&amp;产品ID,脚本中的属性ID是属性id(属性的静态id)。所选li元素的隐藏/显示也由上述脚本(活动类)处理。

请注意:

 $('attribute' + ProductId + '_' +AttributeId).setValue(ValueId);

用于更新输入字段值。