Проблема при создании визуальных атрибутов

Question

Обратитесь к: http://blog.4aal.nl/post/visualize-your-magento-attributes Я создаю визуальные атрибуты.

Я начал этот процесс, изменяя app/design/frontend/base/default/template/catalog/product/view/type/options/configurable.phtml

В configurable.phtml я заменил:

<script type="text/javascript"> var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>); </script>

с:

<script type="text/javascript"> 
    jQuery("#attribute158").visualAttribute(); 
</script> 

В головной метке я в том числе: http://blog.4aal.nl/var/uploads/06/magento.visual.attribute.js

После внесения всех этих изменений в моем интерфейсе опция раскрывающегося списка по умолчанию скрывается, но размеры блоков в маленьких ящиках не отображаются. Мой исходный код страницы только показывает <ul class="va_wrapper" id="va_wrapper_1" rel="attribute158"></ul>

Единственная проблема заключается в том, что он не показывает Li тега ....

Я думал, что проблема была с кодом контура, помещенным в JScript файла. Код цикла выглядит так:

//loop all stored options and create custom html 
     var pos = 0; 
     if (options.length) { 
      for (var index in options) { 
       if (!isNaN(index)) { 
        pos++; 
        var value = index; 
        var text = options[index].text; 
        options[index].position = pos; 
        if (!settings.useTitle) { 
         description = ''; 
        } 
        wrapper.append('<li title="' + description + '" class="opt_' + value + '"><a href="#' + value + '">' + text + '</a></li>'); 
       } 
      } 
     } 

Я использую конфигурируемый продукт. Пожалуйста, скажите мне, что случилось с моими шагами.

Answer 1

Вам не нужно заменять код в configurable.phtml. Вам нужно только добавить следующий код в конец файла.

<script type="text/javascript"> 
jQuery("#attribute<?php echo $_attribute->getAttributeId(); ?>").visualAttribute(); 
</script>