おすすめ商品
お店が厳選した商品を1点ずつ手で選んで並べるセクションです。商品ごとに差し替え画像・短い表示タイトル・キャプションを設定でき、「なぜこの商品をおすすめするのか」を添えた訴求向きのグリッドになります。
分類: Hellostore オリジナル
同梱のトップページのテンプレートに最初から置かれています。 ほかのページに置くときは、テーマエディタ（管理画面の「オンラインストア → テーマ → カスタマイズ」）で追加したいページの「セクションを追加」から**「おすすめ商品」**を選択します。どのページ種別にも追加できます（ヘッダー・フッターエリアを除く）。
- 小さな見出し: 見出しの上に小さく表示するラベルです（既定: 厳選したラインナップ）。
- 見出し: セクションの見出しです（既定: 毎日に寄り添うアイテム）。
- 小見出し: 見出しの下に添える短い文章です。
- 見出しのサイズ: （初期値: 中）小・中・大・特大・4L から選びます。
- テキストの配置: （初期値: テーマ設定に合わせる）テーマ設定に合わせる・左・中央・右から選びます。見出しと、見出しのまわりの文字がそろって動きます。
- 商品の選び方: （初期値: ブロック）ブロックかコレクションから選びます。コレクションを選ぶと、商品ブロックの設定は使いません。
- コレクション: 「商品の選び方」が「コレクション」のときだけ使います。
- 商品数: 表示する商品の数です（初期値 4、1〜12）。「商品の選び方」が「コレクション」のときだけ表示されます。
- 一覧リンクのラベル: 見出しの横に置く「すべて見る」リンクの文言です（既定: すべて見る）。リンクの見た目はテーマ設定（ボタン → 「すべてを見る」の見た目）で共通指定します。
- 一覧のリンク先: リンク先の URL です（コレクションページなど）。
- 全幅商品: オンにすると、パソコン（画面幅990px以上）で商品の並びが画面の端まで広がります。見出しは今までの幅のままです。スマートフォンの表示は変わりません（既定 OFF）。
- モバイルで横に送る: オンにすると、モバイルでは横にスワイプして続きを見られます。デスクトップの表示は変わりません（既定 OFF）。
- 配色: セクション全体のカラースキームです。
- 画像比: 商品画像の縦横比を「画像に合わせる / 縦長（4:5） / 正方形 / 横長（4:3） / 白銀比 / 黄金比」から選びます（既定: 縦長）。
- 画像の余白の倍率: テーマ設定「画像・動画の枠 → 余白」の画像の余白を 100% として、このセクションだけ 0〜200% で変えます。0% で余白なしになります（既定 100%）。
- 上: セクションの上に空ける余白です（既定 36px）。
- 下: セクションの下に空ける余白です（既定 36px）。
表示する商品を1点追加します。「商品の選び方」が「ブロック」のときに使います。
- 商品: 表示する商品を選択します。「商品の選び方」が「ブロック」のときだけ使います。
- 差し替え画像: 空欄の場合は商品画像を使用します。商品登録画像とは別の画像を並べたいときに設定します。
- 短い表示タイトル: 空欄の場合は商品名を使用します。グリッドで読みやすい短い表記にしたいときに設定します。
- キャプション: 商品の下に添える短い説明文です（例: 一番選ばれている定番）。