请参阅：http://blog.4aal.nl/post/visualize-your-magento-attributes我正在创建可视属性。
我通过修改app/design/frontend/base/default/template/catalog/product/view/type/options/configurable.phtml开始了这个过程
在可配置的.phtml中，我替换了：
<script type="text/javascript"> var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>); </script>个
与：

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

在head标签中，我包括：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>');
                }
            }
        }

我使用的是可配置产品。请告诉我步骤中的错误。