参照してください: 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>');
}
}
}
設定可能な製品を使用しています。私のステップで間違っていることを教えてください。