商品スペック比較プラグイン(最大4商品横並び・CSV対応)

【プラグインの概要】

「商品スペック比較プラグイン」は、ユーザーが気になる商品を最大4商品まで横並びでスペック比較できるプラグインです。
家電、PC・スマホ、コスメ、日用品、アパレルなど、スペックや仕様の違いが購入の決め手となるショップに最適です。
お客様の「違いがわからない」という迷いをなくし、比較検討からカゴ落ちを防いでコンバージョン率(CVR)アップに貢献します。

【主な機能・特徴】

• 最大4商品の横並び対照比較
  商品一覧や商品詳細ページにある「比較に追加」ボタンから簡単に対象商品を選択可能。直感的な比較表で商品の違いが一目でわかります。
  
• 常時表示のフローティング比較トレイ
  画面下部に比較中の商品サムネイルが固定表示され、ページを移動してもスムーズに比較画面へアクセスできます。
  
• スペック差異ハイライト機能
  商品間で値が異なる行だけを色付け・強調表示できるため、決定的な違いを瞬時に把握できます。
  
• 比較結果のURL共有・SNSシェア
  選択した商品の組み合わせをURLパラメータで再現可能。ブックマークや知人への共有、問い合わせ対応にも便利です。
  
• 自由度の高いスペック項目管理
  スペック項目をグループごとに階層管理でき、入力形式も「テキスト」「数値(単位設定可能)」「選択肢(セレクト)」「はい/いいえ(真偽値)」から自由に選択できます。
  
• CSV一括登録・エクスポート対応
  スペックグループ、スペック項目、各商品のスペック値をCSV形式(UTF-8 BOM付き)で一括出力・インポート可能。大量の商品データも効率よく管理できます。
  
• PC・スマートフォン両対応(レスポンシブ)
  画面幅に合わせた横スクロール対応で、スマートフォンでも崩れることなく快適に比較表を閲覧できます。
  

【管理画面の使いやすさ】

• 商品登録・編集画面に専用の「スペック情報」タブが追加され、通常の商品登録フローのまま直感的にスペックを入力できます。
• スペックグループや項目の並び順・表示/非表示も管理画面からワンクリックで切り替え可能です。

【スペックの違いが一目でわかる!顧客の「どれを買うべきか」を解消する専用比較画面】

気になった商品を2〜4点並べて、価格・基本仕様・サイズ・性能・保証内容を横並びでスムーズに対照比較できるフロント画面です。スマートフォンやPC表示に完全レスポンシブ対応しています。

• 「相違あり」バッジ & 相違点ハイライト: 商品間でスペック値が異なる項目には自動で「相違あり」バッジが表示されます。画面右上の「相違点のみ表示」スイッチを切り替えれば、同一スペックの行を隠して「決定的な違い」だけに注目させることが可能です。
• 画面下部の常駐フローティングバー: ページ最下部に選択中の商品サムネイルがプールされ、サイト内を回遊しながらでも現在の選択状況を把握し、いつでも1タップで比較画面へ戻れます。
• 空き枠からのクイック商品追加: 比較枠に空きがある場合は「商品を追加」ボタンからモーダル検索が開き、ページ遷移なしでその場ですぐに追加比較できます。
• URL共有 & A4印刷最適化: 比較状態をそのまま再現できる固有URL発行ボタン(家族や知人へのLINE・メール相談に最適)や、不要なパーツを省いて綺麗にプリントできる印刷機能を標準装備。

【テンプレート改修不要!ショップの運用方針に合わせた柔軟な動作設定】

EC-CUBE管理画面(商品比較 > 基本設定)より、同時比較件数の制限やフロントエンドの各表示パーツの有効・無効をワンクリックで切り替えることができます。

• 同時比較可能な最大商品数: ショップのデザインやターゲット層(PC / スマホユーザー比率)に合わせて、同時比較できる上限数を「2件」「3件」「4件(推奨)」から自由に選択できます。
• 同一カテゴリー限定モード: チェックを有効にすることで、同一カテゴリー(親・子カテゴリー含む)に属する商品同士のみ比較を許可。家電とアパレルといった異なるジャンル同士の誤比較を未然に防止します。
• フロントエンド表示の個別制御: 「商品一覧ページの比較ボタン」「商品詳細ページの比較ボタン」「画面下部フローティングバー」「URL共有ボタン」の各UIパーツの表示・非表示をショップの導線に合わせて個別にコントロール可能です。

【どんな商材にもフィット!スペック比較項目を直感的に組み立てるマスター管理】

EC-CUBE管理画面(商品比較 > 仕様・スペック管理)より、比較表のセクション見出しとなる「スペックグループ」と、具体的な比較行となる「属性項目」を何件でも自由自在に作成・整理できます。

• 4種類の入力形式をサポート: 自由記述の「テキスト」、数値集計や単位連動に適した「数値」、プルダウン選択で入力ブレを防ぐ「セレクト」、あり/なし2択判定の「真偽値」に対応。管理者の運用負荷を最小限に抑えます。
• 単位(Unit)の自動連結: 「mm」「g」「mAh」「GB」「インチ」「ヶ月」など、任意の単位を設定するだけで、フロントの比較表上で数値やテキストの後ろに自動で美しくフォーマット表示されます。
• グループ階層 & 表示順制御: グループ単位・項目単位で表示優先順位(昇順)を自在に指定可能。顧客が最も比較したい重要項目をテーブル上部に優先配置できます。
• カテゴリー連動のグループ設計: 全商品共通の「全カテゴリ共通」グループはもちろん、特定カテゴリー(例: スマートフォン、衣料品、コスメ等)に絞り込んだ専用スペックグループも構築可能です。

【ページ移動なし!一覧画面を見ながら気になった商品を次々とストック】

商品一覧ページ(カテゴリー一覧、キーワード検索結果、新着ブロック等)の各商品カード上に「比較ボタン(天秤アイコン)」を自動配置。お客様のショッピングの流れを一切妨げることなく、スムーズな比較候補の選定を促します。

• ワンクリックで直感的に追加: 商品画像の右上に常駐する天秤アイコンをクリックするだけで、即座に比較対象としてマークされます(選択中の商品はアイコンがブルーに点灯)。
• 画面下部トレイとのリアルタイム連動: アイコンを押した瞬間、画面最下部の常駐バーに商品サムネイルと価格が即時反映。「商品比較 (2/4)」のように現在のキープ状況がひと目で伝わります。
• 2点以上で「比較する」ボタンが点灯: 比較に必要な2点以上が選ばれると「比較する」ボタンが鮮やかにアクティブ化し、迷わず専用比較ページへと誘導します。
• 離脱を防ぐストレスフリー設計: 比較のために別タブを開いたりページを行き来する必要がないため、回遊率と滞在時間を高めながら購入意欲を引き上げます。

【比較画面を開いたまま追加!ページ離脱を防ぐクイック商品検索モーダル】

比較テーブルの空き枠や下部フローティングバーの「商品を追加」ボタンをクリックすると、その場ですぐに起動する専用の検索モーダルです。一覧画面へ戻る手間を完全に省きます。

• ページ遷移ゼロの快適操作: 商品一覧画面やカテゴリー画面に戻って探し直す必要がなく、比較画面を表示したまま次の比較候補をスピーディーに検索・追加できます。
• キーワードによるリアルタイム検索: 検索ボックスに商品名や関連キーワードを入力するだけで、対象商品が瞬時にリストアップされます。
• ひと目で確認できる商品情報: 検索結果リストには商品サムネイル画像、正式名称、販売価格が分かりやすく表示され、誤追加を防ぎます。
• 「+ 選択」ボタンで即座にテーブルへ反映: 候補商品の「+ 選択」を押すだけでモーダルが閉じ、比較テーブルの空き枠にダイレクトに組み込まれてスペック対照が始まります。

【数百〜数千件の商品も一瞬で反映!Excel編集に完全対応したCSV一括管理】

EC-CUBE管理画面(商品比較 > CSV管理)より、各商品のスペック値およびスペックグループ・項目マスタのデータをCSVで一括ダウンロード&アップロードできます。商品数が多いショップの大規模運用を強力に支援します。

• 文字化けゼロ!BOM付きUTF-8エクスポート: 出力されるCSVや入力用テンプレートはExcel・Googleスプレッドシート両対応の「BOM付きUTF-8」を採用。文字化けの心配なく表計算ソフトで快適に編集可能です。
• 文字コード自動判別インポート: CSVアップロード時は「UTF-8」と「Shift-JIS」をシステムが自動判別するため、文字コードの指定ミスによる取り込みエラーを防ぎます。
• 入力用テンプレートのワンクリックDL: 登録中のスペック項目がヘッダー行として綺麗に整ったサンプルCSVを即座にダウンロードでき、新規商品のスペック入力も迷いません。
• 商品コード / 商品ID両対応で柔軟に上書き: ショップで使い慣れた「商品コード」または「商品ID」をキーにして既存商品を特定し、安全かつ迅速にスペック値を一括更新できます。