お気に入り一覧

お気に入りに追加した商品を一覧表示するページ用セクションです。お気に入りはお客様のブラウザに保存されるため、ログイン不要・ゲストでも利用できます（商品カードのハートボタンで追加します）。

一覧から2〜3点を選ぶと比較表が開き、価格・在庫・スペックを横並びで確認できます。さらにその内容をAIチャットに引き継いで相談したり、そのままカートに追加したりできます。

分類: Hellostore オリジナル

主な機能

お気に入り一覧 — 追加した商品をグリッドで表示。価格は表示時に最新へ再取得します
比較表 — お気に入りから2〜3点を選ぶと表示され、価格・在庫・スペック行を横並びで見られます（「比較機能を有効にする」がオンのとき。既定 ON）
バリエーションの選択とカート追加 — 比較表からサイズ・色を選んでカートへ追加できます（バリエーションを選ぶまでカート追加ボタンは押せません。売り切れは選択不可）
AIチャットへの引き継ぎ — 比較内容を添えて「これらをAIに相談する」ボタンから相談できます（同じページに Hellostore のチャット（sg-chat-concierge）があるときだけボタンが出ます）

行	内容
価格	表示時に再取得した現在の価格。価格差がある商品は範囲表示、比較対象価格があればセール表示
在庫	オプションが1種類（サイズだけ等）の商品は買える値を並べ、2種類以上の商品は選べる組み合わせの数を表示
スペック行（ブロックで追加）	各商品のメタフィールドから表示。値が無い商品は「データなし」になり、勝手に補完されることはありません
バリエーション（サイズ・色など）	商品ごとにプルダウンで選択（売り切れは選択不可）
操作	商品ページを開く／カートに追加

比較表の「これらをAIに相談する」を押すと、選択中の商品とスペック比較の内容を添えてAIチャットが開き、相談を始められます。引き継いだ内容は一定時間（1時間）で失効します。

チャット機能がページに無い場合はボタン自体が表示されず、比較・購入だけの機能として動作します。チャット連携の詳細は Hellostore AI Staff 連携を参照してください。

お気に入り用ページのテンプレートに page.favorites を選びます（同梱のテンプレートにはお気に入り一覧セクションが最初から置かれています・1ページに1つまで配置できます。消してしまった場合はテーマエディタの「セクションを追加」から追加し直します）
比較表に載せるスペック行（素材・サイズ感など）をブロックで追加します
スペック行は各商品のメタフィールドを読むため、管理画面の「設定 → カスタムデータ → メタフィールド」で定義・入力してください

見出し: 空欄の場合は「お気に入り」と出ます。「見出しを表示」がオンのときだけ表示されます。
見出しのサイズ: （初期値: 小）小・中・大・特大・4L から選びます。
テキストの配置: （初期値: テーマ設定に合わせる）テーマ設定に合わせる・左・中央・右から選びます。
見出しを表示: （初期値 ON）ページの題名と重なる場合はオフにします。オンのとき、見出しが空欄なら「お気に入り」と表示されます。同梱のお気に入りページ（page.favorites）では最初からオフです。
「商品を見る」リンク先: お気に入りが空のときに表示するボタンのリンク先です。
比較機能を有効にする: （初期値 ON）お気に入りから2〜3点を選んで、価格・在庫と比較行を並べて比べられます。AIチャットがあるストアでは、比べた内容をそのままチャットで相談できます。
配色: セクションの配色です。
上の外側の余白: セクションの上の外側に、ページの背景色で空ける余白です（既定 0px）。
下の外側の余白: セクションの下の外側に、ページの背景色で空ける余白です（既定 0px）。

比較表に1行追加します。8つまで置けます。

お気に入りが他の端末に引き継がれない

お気に入りはお客様のブラウザに保存されるため、端末間で同期されません（仕様）。会員データとして保持したい場合は、アカウント連携の機能をご検討ください。

比較表のスペックが「データなし」になる

スペック行に対応するメタフィールドがその商品に入力されていないためです。値が無いセルは空欄や推測値で埋められず「データなし」と表示されます。名前空間とキーの指定が正しいかも確認してください。

カートに追加ボタンが押せない

バリエーション（サイズ・色など）が未選択、または選択したバリエーションが売り切れの場合は押せない仕様です。