カテゴリアイコン
商品カテゴリ、用途、シリーズなどへの入口を、画像と短い名前で並べます。
分類: Hellostore オリジナル
テーマエディタで対象のページを開き、「セクションを追加」から 「カテゴリアイコン」 を選びます。カテゴリごとに「カテゴリ」ブロックを追加します。ヘッダー・フッターには追加できません。
- 小さな見出し: 見出しの上に出す短い文字です（例: CATEGORY）。
- 見出し: セクションの見出しです。
- 見出しのサイズ: 小・中・大・特大・4L から選びます。
- 「すべてを見る」リンク先: 設定したときだけ、アイコンの下に「すべてを見る」ボタンを表示します。
- 表示形式: 丸いアイコン（小さめ）か、カード（画像と説明文で大きく見せる）かを選びます。
- 画像の収め方: 写真は「枠いっぱいに表示」、透過のPNGやSVGは「全体を表示」が向いています。
- デスクトップのアイコンサイズ: 表示形式が「丸いアイコン」のときだけ表示します（80〜240px）。
- モバイルのアイコンサイズ: 表示形式が「丸いアイコン」のときだけ表示します（60〜140px）。
- ホバーエフェクト: なし・枠線ハイライト・スケール・ズームから選びます。
- デスクトップの列数: 1行に並べる数です（3〜6）。
- モバイルの列数: 1〜3列から選びます。
- モバイルで横に送る: ブロック数がモバイルの列数より多いとき、横に送れる一覧にします。
- 配色: セクション全体の配色です。
- 上: セクション上側の余白です（0〜100px）。
- 下: セクション下側の余白です（0〜100px）。
- アイコン画像: カテゴリを表す写真または透過画像です。
- 小さな見出し: カテゴリ名の上に出す短い文字です。副題や NEW などに使います。
- カテゴリ名: お客様に見せる名前です。
- 説明文（カード表示のときに表示）: 表示形式が「カード」のときだけ表示します。
- リンク先: コレクションやページのリンク先です。空欄では移動しません。