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

Question

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

提前致谢！

Answer 1

将选择标签更改为 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) 和产品 id，脚本中的属性 id 是属性 id（您的属性的静态 id）。所选 li 元素的隐藏/显示也由上述脚本（活动类）处理。

意识到：

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

用于更新输入字段值。