ストアロケーター for EC-CUBE 4.2/4.3

フロント画面では、キーワード・カテゴリ・距離・現在地を組み合わせた店舗検索が可能です。地図マーカーと店舗リストが連動し、ユーザーは近くの店舗を直感的に見つけられます。レイアウトは「地図 + リスト」「地図 + アコーディオン」「フル幅地図」に対応し、モバイル表示順の切替にも対応しています。

管理画面では、店舗管理・カテゴリ管理・マーカー管理・CSV入出力・表示設定・ダッシュボードを一元管理できます。InfoWindowテンプレート編集やカスタムCSSにも対応し、ショップのUIに合わせた表示調整が可能です。

Twigコード {{ store_locator_render() }} を使うことで、トップページ、固定ページ、ブロック、LPなど任意の表示位置に埋め込みできます。必要に応じてテンプレート指定や初期キーワード指定にも対応できます。

主な機能:

• 店舗検索ページの自動追加(/store-locator)
• キーワード検索(店舗コード/店舗名/住所など)
• カテゴリ絞り込みと並び替え
• 現在地検索と距離指定
• 地図マーカーとリストの相互連動
• マーカークラスタ表示
• 交通情報/公共交通レイヤー表示
• InfoWindowテンプレートHTML編集
• CSVで店舗データの一括入出力
• ダッシュボードで検索分析・閲覧数確認
• テーマTwig上書きによる画面カスタマイズ
• Twigコードで任意ページ/ブロックへ埋め込み表示

具体例:

• 都道府県・駅名で検索し、最寄り店舗を地図で案内
• カテゴリごとに専用マーカーを表示して視認性を向上
• イベント期間のみレイアウトをフル幅地図に変更
• InfoWindowにメールリンク・URLリンクを追加

運用手順:

• セットアップで地図基本設定と表示方式を登録
• カテゴリ/マーカーを登録
• 店舗情報を登録して公開状態を確認
• フロント表示と検索導線を確認
• ダッシュボード分析で改善を継続

管理画面:

• セットアップ: 初期設定(手動/デモ)
• 設定: 地図/検索/表示文言/カスタムCSS
• 店舗管理: 店舗情報・公開状態・並び順
• カテゴリ管理/マーカー管理: 絞り込み軸と表示アイコンの管理
• CSV入出力: 一括登録・一括更新・エクスポート
• ダッシュボード: 検索推移・人気キーワード・閲覧上位店舗

Q: 現在地検索は必須ですか?

A: 必須ではありません。設定で位置情報ダイアログを無効化できます。

Q: 地図だけ表示して店舗リストを非表示にできますか?

A: 可能です。レイアウトを「フル幅地図」に設定してください。

Q: 店舗データをまとめて登録できますか?

A: はい。CSV入出力機能で一括登録・更新に対応しています。

Q: InfoWindowの表示内容を変更できますか?

A: 可能です。設定画面の「InfoWindowテンプレートHTML」で調整できます。

Q: 既存テーマに合わせてデザインを変更できますか?

A: テーマTwig上書きにより、検索UI・地図・リストの見た目を調整できます。

Q: ブロックや任意のページ内にも表示できますか?

A: 可能です。Twigに {{ store_locator_render() }} を記述することで、任意位置へ埋め込みできます。