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>

ヘッドタグには次のものが含まれています: 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 に答える