【活用事例あり】気になる商品同士を
一画面で比較検討!商品比較機能

複数商品を比較検討リストに追加して
見やすく簡単に比較可能に

メインビジュアル

ebisumartには、エンドユーザーがどの商品を購入するか検討しているときに、
気になる商品を比較検討リストに追加し、商品同士を比較できる「商品比較」というオプションがあります。
商品の価格やスペックなどの情報を見やすく簡単に比較できるようになり、UI/UX改善につながります。


UW遷移イメージ
このページでは、商品比較の基本的な使い方や導入方法をご紹介します。

1. 商品比較の導入方法
2. 商品比較の活用事例
3. 商品比較 Q&A


1. 商品比較の導入方法

関連するテンプレートファイルを編集する

商品比較をご利用いただくには、テンプレートファイルの追加や、m:idの組込みが必要です。

該当テンプレート テンプレートファイル名
商品比較検討ページ userweb(smartphone)/item_compare.xhtml
商品一覧ページ userweb(smartphone)/item_list$detail.xhtml・item_list$image.xhtml・item_list$simple.xhtml
※店舗様でご利用のテンプレートファイルによりご対応ください。
商品詳細ページ userweb(smartphone)/item_detail.xhtml
ヘッダー ※1 userweb(smartphone)/common/header.xhtml

商品比較検討ページ(item_compare.xhtml)

商品比較検討リストを表示するページです。
商品自由項目など、任意の項目をリスト内の項目として表示することが可能です。

item_compare.xhtml は、本オプション利用時に追加するテンプレートファイルとなるため、
ショップ管理ツールサイドバーから「最新版テンプレート」をダウンロードいただき、
view/userweb(smartphone)/item_compare.xhtml のデザインを編集してください。

item_compare.xhtmlにてご利用いただけるm:id一覧はこちらをご参照ください。


UW画面キャプチャ
商品一覧ページ(item_list$○○.xhtml)

商品比較検討ページに遷移する「この商品を比較する」ボタンが表示されるよう、下記サンプルをご参考いただき、m:idを組込んでください。

<span m:id="common.IF_USE_ITEM_COMPARE">
	<a m:id='ITEM_COMPARE_BUTTON_TAG' href="javascript:void(0);" class="button normal small">この商品を比較する</a>
</span>				

UW画面キャプチャ
商品詳細ページ(item_detail.xhtml)

商品比較検討ページに遷移する「この商品を比較する」ボタンが表示されるよう、下記サンプルをご参考いただき、m:idを組込んでください。

<div class="button" m:id="common.IF_USE_ITEM_COMPARE">
	<a m:id='ITEM_COMPARE_BUTTON_TAG' href="javascript:void(0);" class="button normal medium">この商品を比較する</a>
</div>				

UW画面キャプチャ

サイトのヘッダーなどからも、商品比較検討ページに遷移できるよう、下記サンプルをご参考いただき、m:idを組込んでください。

※1 標準テンプレートでは、ヘッダー(header.xhtml)に組み込まれておりますが、
  全ページ共通のm:idのため、任意のテンプレートファイルに組み込んでいただけます。

<p m:id="common.IF_EXISTS_ITEM_COMPARE_LIST">
	<a m:id="common.ITEM_COMPARE_LIST_LINK_TAG" href="">→あとで購入リスト(<span m:id="common.ITEM_COMPARE_SIZE_HERE">1</span>件)</a>
</p>				

UW画面キャプチャ

2. 商品比較の活用事例

商品比較の活用事例をご紹介します。

事例1.家電製品など、細かなスペック差を比較する。

商品比較リスト

事例2.生地・衣料品など、デザインや素材の差を比較する。

商品比較リスト

3. 商品比較 Q&A

同一商品のバリエーション単位での比較はできますか?
バリエーションのある商品について、バリエーション単位での比較検討リストへの追加はできません。
商品単位でのリストへの追加となりますが、商品に紐づくバリエーション情報(バリエーション名など)の表示は可能です。
比較検討リストに追加した商品情報は、いつまで保持されますか?
比較検討リストのデータは、セッション単位で保持されます。
比較検討リストに追加できる商品数の上限はありますか?
比較検討リストに追加できる商品数は最大50件です。
ウィッシュリストオプションとの違いはなんですか?
ウィッシュリストオプションを利用し、お気に入りリストに商品を追加するにはログインが必要です。
そのため、ログアウト後も、再ログインすればお気に入り商品のデータが保持されたままとなります。

それに対し、商品比較オプションは、セッション単位でのデータ保持とはなりますが
非会員/未ログインの状態でも比較検討リストをご利用いただけます。

ebisumart機能特集

毎週アップデートされるebisumartの機能の中から厳選して、おすすめ機能をご紹介します!ご要望やお気づきの点がありましたらお気軽にお問い合わせください。

> ebisumart機能特集