Страница продукта Magento Simple - Dynamicically Update SKU с настраиваемыми опциями

Question

На моей странице продукта есть несколько настраиваемых опций (выпадающих списков), которые добавляются в sku для тележки. Тем не менее, я хотел бы отобразить обновленную страницу на странице продукта при выборе параметров.

Я нашел similar post about configurable items, однако, он не будет работать для моего случая, потому что я использую простые продукты с вариантами, не конфигурируемых продуктов.

Как я могу отобразить и обновить sku для простого продукта на странице продукта?

Настраиваемый Код товара для динамического Sku:

<?php 
$_product = $this->getProduct(); 
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes()); 
?> 
<?php if ($_product->isSaleable() && count($_attributes)):?> 
<dl> 
    <?php foreach($_attributes as $_attribute): ?> 
    <dt><label class="required"><em>*</em><?php echo $_attribute->getLabel() ?></label></dt> 
    <dd<?php if ($_attribute->decoratedIsLast){?> class="last"<?php }?>> 
     <div class="input-box"> 
      <select name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]" id="attribute<?php echo $_attribute->getAttributeId() ?>" class="required-entry super-attribute-select" 
        onchange="return changeSku(<?php echo $_attribute->getAttributeId() ?>, this);"> 
       <option><?php echo $this->__('Choose an Option...') ?></option> 
      </select> 
     </div> 
    </dd> 
    <?php endforeach; ?> 
</dl> 
<script type="text/javascript"> 
    var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>); 
</script> 

    <?php endif;?> 

<div id="sku-container"></div> 

<?php 
$conf = Mage::getModel('catalog/product_type_configurable')->setProduct($_product); 
$col = $conf->getUsedProductCollection()->addAttributeToSelect('*')->addFilterByRequiredOptions(); 

$productMap = array(); 
foreach($col as $simpleProduct){ 
    $productMap[$simpleProduct->getId()] = $simpleProduct->getSku(); 
} 
?> 

<script type="text/javascript"> 

document.observe("dom:loaded", function() { 
    $("sku-container").update("<strong>Product Id: </strong> Select an option to display Product Id"); 
}); 

function changeSku(confAttributeId, sel) { 
    var productMap = <?php echo Mage::helper('core')->jsonEncode($productMap);?>; 
    var selectedAttributeId = sel.options[sel.selectedIndex].value; 
    if (selectedAttributeId) { 
     var options = spConfig.config.attributes[confAttributeId].options; 
     var productId = options.find(function (option) {return option.id == selectedAttributeId}).products[0] 
     $("sku-container").update("<strong>Product Id: </strong>" + productMap[productId]); 
    } else { 
     $("sku-container").update("<strong>Product Id: </strong> Select an option to display Product Id"); 
    } 
} 
</script> 

Answer 1

Лучше всего, чтобы создать пользовательский модуль. Если вы не знакомы с созданием модуля с Magento, проверить этот ресурс: https://www.smashingmagazine.com/2012/03/basics-creating-magento-module/

Вы также можете посмотреть в существующие расширения Magento, чтобы справиться с этим для вас: https://www.magentocommerce.com/magento-connect/

Другая идея состоит в том, чтобы сделать, чтобы использовать JavaScript это. Похоже, что это действительно хорошо подходит для вас, потому что вы хотите обновить интерфейс только (правильно?). Вы можете создать функцию javascript и добавить onchange действия по различным аспектам страницы продукта. Внутри вашего JavaScript вы можете хранить массив или карту массивов продуктов, таких как sku, цена, вес и т. Д., Все, что вы можете захотеть динамически обновлять на странице продукта.