コンテンツにスキップ

商品比較表

最大3つの商品を横に並べ、項目ごとに違いを比べる表を表示するセクションです。

テーマエディタで対象のページを開き、「セクションを追加」から 「商品比較表」 を選びます。ヘッダーとフッターには追加できません。

  • 見出し: 表の上に出す見出しです。
  • 商品1(左端の列): 比較する1つ目の商品です。左端の列に並びます。
  • 商品2: 比較する2つ目の商品です。
  • 商品3: 比較する3つ目の商品です。
  • 商品画像を表示する: 各列の上に商品画像を表示します(既定: オン)。
  • 配色: セクション全体の配色です(既定: scheme-1)。
  • 上 / 下: セクション上下の余白です。0〜100px、4px 刻みです(既定: 36px / 36px)。

表の1行になります。最大20個まで追加できます。

  • 項目名: 行の左に出る項目の名前です。
  • セルの種類: 「テキスト」は入力した文字をそのまま表示します。「対応可否(✓ / ✗)」にすると、○・あり・はい・yes・true はチェック、×・なし・いいえ・no・false はバツで表示します。ほかの文字はそのまま表示します(既定: テキスト)。
  • 商品1の値(手入力): 商品1の列に出す値です。
  • 商品2の値(手入力): 商品2の列に出す値です。
  • 商品3の値(手入力): 商品3の列に出す値です。