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>

在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>');
                }
            }
        }

我正在使用可配置的产品。请告诉我，我的步骤有什么不对。

Answer 1

您无需替换configurable.phtml中的代码。您只需添加以下代码在文件的末尾。

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

创建可视属性时出现问题

1 个答案: