Magento显示可配置产品的动态SKU..Don';t显示,直到选择所有选项


Magento Display Dynamic SKU for configurable Product... Don't Display until all options are selected

所以我刚刚找到了这段代码,几乎可以满足我的需求。我需要代码在选择选项时动态显示可配置产品的sku(简单产品的sku)。唯一的问题是,在选择选项之前,它会显示第一个简单的产品sku。在选择所有选项之前,我希望它不显示任何内容。

这是代码:app/design/frontend/rwd/default/template/cacatalog/product/view/type/options/configure.phtml

<?php
$conf = Mage::getModel('catalog/product_type_configurable')->setProduct($_product);
$col = $conf->getUsedProductCollection()->addAttributeToSelect('*')->addFilterByRequiredOptions();
?>
<script type="text/javascript">
var Skus =new Array();
<?php
$count = 1;
$itemId = array();
foreach($col as $simple_product){
$itemId[] = array($simple_product->getSelectLabel() => $simple_product->getSku());
}
foreach($itemId as $val){
foreach($val as $k => $v){
echo 'Skus['.$count.'] = "'.$v.'";'. "'n";
$count++;
}
};
?>
$j(document).ready(function(){
$j("#productcode").html("Product Code: " +Skus[1]);
$j("select#attribute<?php echo $_attribute->getAttributeId() ?>").change(function(){
var position = $j("#attribute<?php echo $_attribute->getAttributeId() ?> option").index($j("#attribute<?php echo $_attribute->getAttributeId() ?> option:selected"));
$j("#productcode").html(Skus[position] ? "Product Code: " +Skus[position] : "Product Code: " +Skus[1]);
});
});
</script>

以及:app/design/frontend/rwd/default/template/cacatalog/product/view/view.phtml

<div id="productcode"></div>

目前,动态sku显示第一个sku记录,直到选择了所有选项,然后显示正确的选项。如何隐藏sku,直到选择了所有选项,或者如果有人返回编辑他们的选择,如何隐藏它?

提前感谢!

如果注释(或删除)以下行,它不会在div onload中放入任何内容:

$j("#productcode").html("Product Code: " +Skus[1]);

当选择更改时,以下代码仍将在那里写入SKU:

$j("select#attribute<?php echo $_attribute->getAttributeId() ?>").change(function(){
var position = $j("#attribute<?php echo $_attribute->getAttributeId() ?> option").index($j("#attribute<?php echo $_attribute->getAttributeId() ?> option:selected"));
$j("#productcode").html(Skus[position] ? "Product Code: " +Skus[position] : "Product Code: " +Skus[1]);
});

希望能有所帮助。