例えば、鍋とガスコンロのように関連のある商品を同じページに表示したいとする。

そのような場合には関連商品機能プラグインを使います。

関連記事設定を行います。

今回はピーマンの関連商品としてトマトを設定します。

始めにピーマンの商品の詳細を開きます。

商品の詳細画面の下の方に関連商品のカスタムフィールドがあります。

ここで関連商品として表示したい商品コードを追加して変更します。

次にテンプレートにモジュールを記述します。

<!-- shop:module="common.relative_items" -->
    <h3>関連商品</h3>
    <div id="item">
        <!-- cms:id="relative_item_list" -->
        <div class="itemlist">
            <p><a cms:id="item_link*"><img cms:id="item_small_image" /></a></p>
            <dl>
                <dt><a cms:id="item_link*"><span cms:id="item_name">トマト</span></a></dt>
                <dd cms:id="item_price" class="price">1000円/100g</dd>
            </dl>
            <p><a cms:id="item_cart_link">カートに入れる</a></p>
        </div>
        <!-- /cms:id="relative_item_list" -->
    </div>
<!-- /shop:module="common.relative_items" -->

商品詳細ページの任意の箇所に上記のモジュールを記述します。

詳しい説明はこちらをごらんください。

ページを確認し、モジュールを記述した箇所に関連商品が表示されていることを確認する。

Tweet