Magento显示动态SKU的可配置产品...不要显示，直到所有选项被选中

Question

所以我只是发现this code，做我想要的，差不多。当选择选项时，我需要代码来动态显示可配置产品（简单产品的sku）的sku。唯一的问题是，在选择选项之前，它会显示第一个简单产品SKU。我希望它不显示任何东西，直到所有的选项被选中。

下面是代码： 应用程序/设计/前端/ RWD /默认/模板/目录/产品/视图/类型/选项/ configurable.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> 

和： 应用程序/设计/前端/rwd/default/template/catalog/product/view/view.phtml

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

目前，动态SKU显示第一个SKU记录，直到选择了所有选项，然后显示正确的一个。如何在隐藏sku直到所有选项被选中或隐藏它，如果有人回去编辑他们的选择？

在此先感谢！

Answer 1

如果你对此有何评论（或删除）以下行也不会放任何东西在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]); 
}); 

希望有帮助。