タイル状の画像
複数の画像を大きさの異なるタイルに配置し、カテゴリやキャンペーンへの入口を作ります。ヒーローの直下に置くと、複数の売り場を一度に案内できます。
テーマエディタ（管理画面の「オンラインストア → テーマ → カスタマイズ」）で「セクションを追加」から 「タイル状の画像」 を選びます。初期状態には4つのタイルがあります。各タイルに写真とリンクを設定してください。
- 小さな見出し: セクションの見出しの上に小さく表示します。
- 見出し: セクションの見出しです。
- 説明文: 見出しの下に表示する文章です。
- 見出しのサイズ: 小・中・大・特大・4L から選びます。既定は中です。
- 「すべてを見る」リンク先: 設定するとタイルの下に「すべてを見る」ボタンを表示します。空欄なら隠します。
- 全幅で表示する: オンにすると画面の端まで広げます。
- デスクトップの列数: 3〜6列です。既定は4列です。
- モバイルの列数: 1列か2列を選びます。既定は2列です。
- タイルの文字の位置: 「画像に重ねる」か「画像の下」を選びます。「画像の下」は、画像に重ねず下に説明文を表示します。
- タイル間の余白: 0〜32px です。既定は12px です。
- 配色: セクションの配色を選びます。
- 上: セクション上側の余白です。0〜100px で、既定は36px です。
- 下: セクション下側の余白です。0〜100px で、既定は36px です。
最大12枚まで追加できます。
- 画像: タイルの写真です。
- サイズ: 小・大・横長・縦長から選びます。端のタイルは、すき間ができない大きさに調整します。
- 小さな見出し: ラベルの上に小さく表示します（例: 新着、季節）。
- ラベル: タイルの名前です。
- 小見出し: ラベルに添える短い文です。
- リンク先: タイルを選んだときの移動先です。
文字だけのタイルです。最大6つまで追加できます。
- サイズ: 小・大・横長・縦長から選びます。端はすき間ができない大きさに調整します。モバイルでは横幅いっぱいに表示します。
- 小さな見出し: 見出しの上に小さく表示します。
- 見出し: タイルの見出しです。
- 見出しのサイズ: 小・中・大から選びます。既定は小です。
- 本文: タイルの文章です。
- ボタンのラベル: 入力するとボタンを表示します。
- ボタンのリンク先: ボタンのラベルを入力したときだけ表示します。最後に #ai-staff を付けるとチャットが開きます。
- テキストの配置: 左・中央・右から選びます。既定は左です。
- 縦の位置: 上・中央・下から選びます。既定は下です。