コンテンツにスキップ

シェイプナビゲーション

画像・タイトル・本文・リンクを持つカードを並べて、お客様を目的のコレクションへ案内するセクションです。商品の形やシルエット(ストレート・ワイドなど)や商品カテゴリごとの案内に適しています。

分類: Hellostore オリジナル

同梱のトップページとコレクションページのテンプレートに最初から置かれています。 ほかのページに置くときは、テーマエディタ(管理画面の「オンラインストア → テーマ → カスタマイズ」)で追加したいページの「セクションを追加」から**「シェイプナビゲーション」**を選択します。どのページ種別にも追加できます(ヘッダー・フッターエリアを除く)。

  • 小さな見出し: 見出しの上に小さく表示するラベルです(例: FIND YOUR SHAPE)。
  • 見出し: セクションの見出しです。
  • 見出しのサイズ: 小・中・大・特大・4Lから選びます。既定は中です。
  • テキストの配置: 「テーマ設定に合わせる」「左」「中央」「右」から選びます。既定はテーマ設定に合わせます。
  • 本文: 見出しに添える説明文です。パソコンでもスマートフォンでも、見出しの右側に置かれます。
  • 注記: セクションの下部に小さく表示する注記です。
  • アンカー ID: ページ内リンクの行き先になる名前です(任意)。英数字とハイフンで入力します(例: find-your-shape。# は付けません)。ほかのボタンのリンク先に「#find-your-shape」と入れると、押したときにこのセクションまで移動します。
  • モバイルで横に送る: オンにすると、スマートフォンでカードを横にスワイプして見ます。既定はオフです。
  • カラースキーム: セクション全体の配色です。

カードを1つ追加します。8つまで置けます。

  • 画像: カードの画像です。シルエットを揃えるには、背景が透明な画像または全身が写った画像を使用してください
  • タイトル: カードのタイトルです(例: Straight)。空欄で画像の代替テキストも無いと、「リンク先」を入れてもカードはリンクになりません(読み上げで名前の無いリンクを作らないため)
  • 本文: カードの説明文です
  • リンク先: カードのリンク先(コレクションページなど)です