商品詳細ページで関連商品一覧を表示する

関連商品機能プラグインを利用すると、


relative_item


relative_item1


公開側の商品詳細ページで各商品に紐付いた関連商品一覧を表示できるようになります。


関連商品機能の利用方法ですが、


relative_item2


管理画面のプラグイン > 全てのプラグインのページで関連商品機能をインストールします。

インストール後にテンプレートへの記述例を開き、


relative_item3


詳細画面の記載に従い、商品詳細ページのテンプレートを編集します。

この時、<!-- shop:module="common.relative_item" -->タグは<!-- block:id="item" -->タグの外側で記述します。

商品詳細ページで商品情報とカートに入れるボタンを設置する


テンプレート修正後、管理画面で関連商品を表示したい商品の詳細画面を開くと、


relative_item4


関連商品の設定項目が追加されています。

セレクトボックスで商品名を選ぶと関連商品を登録出来ます。


関連商品登録後に公開側の商品詳細画面を開いてみて、


relative_item


設定に合わせて商品一覧の表示されていることを確認できたら終了です。

同じカテゴリーの記事