1

请参考: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>');
                }
            }
        }

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

4

1 回答 1

1

您不必替换configurable.phtml. 您只需要在文件末尾添加以下代码。

<script type="text/javascript">
jQuery("#attribute<?php echo $_attribute->getAttributeId(); ?>").visualAttribute();
</script>
于 2012-08-31T00:43:58.513 回答