Kyoto テーマ · ドキュメント · v1.0.0

商品とコレクションのセクション

ホームページなどで、商品やコレクションを見せるためのセクションです。

サイズの設定には、範囲(または選択肢)と初期値を記載しています。†の付いた設定は、関連する項目を選んだときだけ表示されます。「その他の設定」には、残りの設定をテーマエディターでの名前のまま並べています。

コレクション

コレクションのリスト

コレクションへの入口を並べます。色の面、丸窓、グリッド、カルーセル、大小の格子、大きな文字のリンクなどから選べます。

デモストアの「コレクションのリスト」(色の面)。6 つの工芸のコレクションが、それぞれ淡い色の面と切り抜きの品で並ぶ

追加するときに選べるひな形:コレクションのリスト: 色の面、コレクションのリスト: 丸窓、コレクション: グリッド、コレクション: 大小の格子、コレクション: 大きな文字、コレクション: 丸い小画像。

大きさと並べ方

  • 列数(PC):2〜6(初期値:3)。
  • 列数(スマホ):1、2(初期値:2)。
  • コレクションカードの画像比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:テーマ設定に従う)。
  • 名前の大きさ †:小、中、大、特大(初期値:中)。
  • タイルの間隔 †:0〜48 px、2 刻み(初期値:16)。
  • 画像の倍率 †:70〜130 %、5 刻み(初期値:100)。
  • タイルの高さ †:60〜140 %、5 刻み(初期値:100)。
  • 波のずれ †:0〜120 px、4 刻み(初期値:48)。

その他の設定:並べ方、スマホの並べ方、操作、コレクションカードの型、商品の数を出す(「128 点」)、コレクション。

このほか、セクション共通の設定があります。

追加できるブロック

  • コレクション1つ ブロック
    • その他の設定:コレクション(空なら商品の最初のコレクション)、画像(アイコンの代わり)、店名、説明文、小さな添え字。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

タブで切り替えるコレクション

複数のコレクションを 1 つの枠に入れ、タブで切り替えて表示します(例:新着、人気、ギフト)。

大きさと並べ方

  • 列数(PC):2〜6(初期値:4)。
  • 列数(スマホ):1、2(初期値:2)。
  • 画像の比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:テーマ設定に従う)。

その他の設定:数、並べ方、スマホの並べ方、操作、タブの見た目、横の揃え、「すべて見る」、ホバーの動き、文字の位置。

このほか、セクション共通の設定があります。

追加できるブロック

  • タブ1つ ブロック
    • その他の設定:見出し、コレクション(空なら商品の最初のコレクション)。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

カテゴリの索引

カテゴリのタイルを並べた一覧です。各タイルに大きな見出し、小さな 2 行目、イラストか写真を載せます。

大きさと並べ方

  • 列数(PC):3〜8(初期値:6)。
  • 列数(スマホ):2〜4(初期値:3)。
  • タイルの見た目:罫線の格子、パネル、「カート」(初期値:罫線の格子)。
  • 絵の大きさ:小、中、大(初期値:中)。

その他の設定:並び、商品の数を出す。

このほか、セクション共通の設定があります。

追加できるブロック

  • カテゴリのタイル ブロック
    • その他の設定:コレクション(空なら商品の最初のコレクション)、大きな言葉、小さな言葉、絵か写真、リンク先。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ブランドの索引

取り扱っているすべてのブランド(販売元)を A〜Z の索引で並べます。注目のブランドを選んで目立たせることもできます。

追加するときに選べるひな形:ブランドの索引、ブランドの索引: 注目のブランドつき。

大きさと並べ方

  • 列数(PC):2〜6(初期値:4)。
  • 列数(スマホ):1、2(初期値:2)。
  • 注目のブランドの列数(PC):2〜4(初期値:4)。

その他の設定:索引の文字、ブランドを探す欄を出す、索引の帯を画面の上に残す、ブランドのない頭文字も出す、読み、出さないブランド。

このほか、セクション共通の設定があります。

追加できるブロック

  • 注目のブランド ブロック
    • その他の設定:ブランド(販売元)、ロゴ、画像(アイコンの代わり)、説明文、リンク先。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

タグのチップを 1 列に並べます。押すと、そのタグが付いた商品や記事の一覧が開きます。

追加するときに選べるひな形:タグの帯、タグの帯: コレクションから。

その他の設定:元、コレクション(空なら商品の最初のコレクション)、ブログ、数、出さないタグ、タグの見た目、並べ方、横の揃え。

このほか、セクション共通の設定があります。

追加できるブロック

  • タグ ブロック
    • その他の設定:商品のタグ、チップの文字、リンク先。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

季節の章

1 年を季節の章に分けて見せます。章ごとに開始日、短い一文、画像、コレクションを設定し、現在の章を自動で先頭にすることもできます。

その他の設定:今の季節の章を先頭にする、章の目次を出す、章ごとの商品の数、文字の向き。

このほか、セクション共通の設定があります。

追加できるブロック

  • 章 ブロック
    • その他の設定:章の名前、始まる日、説明文、画像(アイコンの代わり)、コレクション(空なら商品の最初のコレクション)。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

商品

1 つのコレクション、または手動で選んだ商品を、グリッド・カルーセル・誌面風のグリッド・行のいずれかで表示します。

追加するときに選べるひな形:おすすめコレクション: グリッド、おすすめコレクション: カルーセル、おすすめコレクション: 大小の組み。

大きさと並べ方

  • 列数(PC):2〜6(初期値:4)。
  • 列数(スマホ):1、2(初期値:2)。
  • 画像の比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:テーマ設定に従う)。

その他の設定:コレクション(空なら商品の最初のコレクション)、商品、数、並べ方、スマホの並べ方、操作、「すべて見る」、説明を出す、ホバーの動き。

このほか、セクション共通の設定があります。

追加できるブロック

  • インストールしたアプリのブロック

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

1 つの商品を、ギャラリー、価格、バリアントの選択、購入ボタンと一緒に表示します。商品ページに移動せずに購入できます。

デモストアの「おすすめ商品 1つ」。ギャラリー、価格、サイズと色の選択、カートに入れるボタンが並ぶ

大きさと並べ方

  • 画像の幅(%):50、55、60、65(初期値:50)。
  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:画像に合わせる)。
  • 見出しの大きさ:見出し 2、見出し 1、特大の見出し(初期値:見出し 2)。

その他の設定:商品、並べ方、ギャラリーの型、収め方、ズーム、くり返す、情報の列を追従させる、「詳しく見る」リンク。

このほか、セクション共通の設定があります。

追加できるブロック

  • 商品名(h1) ブロック
    • 見た目の大きさ(要素は常に h1):見出し 1、見出し 2、見出し 3、中(見出し 2 と 3 の間)、特大の見出し(初期値:中(見出し 2 と 3 の間))。
    • その他の設定:見出しの要素。
  • ブランド名 ブロック
    • その他の設定:ブランドの一覧へリンクする。
  • 価格 ブロック
    • 見た目の大きさ(要素は常に h1):小、中、大、特大(初期値:中)。
    • その他の設定:節約額を出す、比較価格に「通常価格」と見える文字を付ける、税の注記、分割払い(Shop Pay)、会員価格を出す(アプリのメタフィールド)、会員価格の名前、会員価格の値(動的ソースでメタフィールドへ)、出す相手、ログインしていない人への案内。
  • レビューの星と件数 ブロック
    • その他の設定:件数を出す。
  • バリアントの選択 ブロック
    • カードの大きさ †:小、中、大(初期値:中)。
    • 点と色の丸の大きさ †:小、中、大(初期値:中)。
    • その他の設定:型、見本(スウォッチ)がある値はスウォッチで、オプション名と選んだ値を出す、カードの形、大きさのオプション名、寸法か価格を小さく添える。
  • 購入ボタン(数量・カートに入れる・加速チェックアウト・店舗受け取り) ブロック
    • 幅 †:フル、自動(初期値:フル)。
    • その他の設定:数量を出す、数量とボタンを1行に、加速チェックアウト、ギフトカードの受取人フォーム、数量割引の表、売り切れのとき「入荷のお問い合わせ」フォーム、店舗受け取り(受け取りできる店があるときだけ)、細かく設定する、予約のときの一文(発送予定)、ボタンの下に決済アイコン。
    • 送料無料までの残り ブロック(固定。常に中に入っています)
      • その他の設定:型。
  • 商品説明 ブロック
    • 畳んだときの行数 †:3〜12(初期値:6)。
    • 文字の大きさ:小、中、大(初期値:中)。
    • 1 行の長さ:フル、中(4/12)、狭い(360px)(初期値:フル)。
    • その他の設定:畳む(「続きを読む」)、文字を淡い色にする。
  • 在庫の表示 ブロック
    • その他の設定:「残りわずか」を出す数、在庫ありも出す、数を出す(切ると「残りわずか」)、見せ方、入荷予定日を出す。
  • 文字(共通ブロック。共通ブロックを参照)
  • カウントダウン(本物の日時だけ)(共通ブロック。共通ブロックを参照)
  • アイコンと文の並び ブロック
    • 大きさ:小、中、大、特大(初期値:中)。
    • 文字の大きさ:小、中、大(初期値:中)。
    • 間隔:小、中、大(初期値:中)。
    • その他の設定:並べ方、上下に罫線。
    • アイコンと文1つ ブロック
      • 大きさ:テーマ設定に従う、小、中、大、特大(初期値:テーマ設定に従う)。「テーマの設定」のままにすると、アイコンの並び全体のサイズに従います。
      • その他の設定:アイコン、画像(アイコンの代わり)、見出し、説明文、リンク先。
  • Custom Liquid(共通ブロック。共通ブロックを参照)
  • まとめ(横並び・枠) ブロック
    • 間隔:0〜48 px、4 刻み(初期値:12)。
    • その他の設定:並べる向き、枠で囲む。
    • バッジ ブロック
      • その他の設定:出すバッジの数、タグのバッジも出す。
    • 兄弟商品(色違いの別商品) ブロック
      • その他の設定:並べる商品(動的ソースでメタフィールドへ)、見出し、スウォッチの元、今の商品の名前を出す。
    • 購入方法(定期購入・予約) ブロック
      • その他の設定:各プランの説明と価格の変わり方を出す、「最大 15% お得」を出す、条件の文(解約方法など)、条件のページ。
    • お届け予定 ブロック
      • その他の設定:最短(営業日)、最長(営業日)、締め時刻を出す、当日出荷の締め時刻(時)、土日を営業日に数えない、休業日(1行に1日、YYYY-MM-DD)、代わりに出す文(受注生産など)。
    • 開閉の並び(アコーディオン/タブ) ブロック
      • その他の設定:型、最初を開いておく、1つ開くとほかを閉じる。
      • 開閉の行 ブロック
        • その他の設定:見出し、アイコン、本文(メタフィールドにつなげる)、ページ(本文の代わり)。
    • 補足のポップアップ(サイズ表を含む) ブロック
      • その他の設定:見出し、アイコン、ページ(本文の代わり)、本文(メタフィールドにつなげる)、型、開き方、オプション名の横にリンクを出す(例 Size,サイズ)。
    • 文字(共通ブロック。共通ブロックを参照)
    • 表(成分・スペック・実寸・SKU) ブロック
      • その他の設定:見出し、型、表の最後に SKU の行。
      • 表の行 ブロック
        • その他の設定:見出し、値(メタフィールドにつなげる)。
    • 入力欄(名入れ・メッセージ・のし) ブロック
      • その他の設定:種類、見出し、選択肢(1行に1つ)、必須、最大の文字数、補足、注文に保存する値:チェックあり、注文に保存する名前:のし、注文に保存する名前:のしの名入れ。
    • 共有 ブロック
      • その他の設定:見出し、Facebook のリンク、X のリンク、Pinterest のリンク、LINE のリンク。
    • 補完商品(一緒に使う商品) ブロック
      • その他の設定:見出し、数、並べ方、クイック追加。
    • カウントダウン(本物の日時だけ)(共通ブロック。共通ブロックを参照)
    • Custom Liquid(共通ブロック。共通ブロックを参照)
    • 評価のグラフ(フィット感など) ブロック
      • 目盛りの型:点、横の棒、区切り(初期値:点)。
      • その他の設定:見出し、印の現れ方。
      • 目盛りの行 ブロック
        • その他の設定:見出し、値(メタフィールドにつなげる)、左端の言葉、右端の言葉。
    • ギフト包装(包装の商品を一緒に入れる) ブロック
      • チェックの箱の大きさ:小、中、大(初期値:中)。
      • 文字の大きさ:小、中、大(初期値:中)。
      • その他の設定:見出し、包装の価格を出す、メッセージ欄、注文に保存する名前:ギフト包装、注文に保存する値:ギフト包装、注文に保存する名前:ギフトメッセージ、見た目。
    • お問い合わせ・見積もり依頼 ブロック
      • その他の設定:見出し、見せ方、数量の欄、電話の欄、見積もり専用の商品(タグ quote-only)でカートのボタンを隠す。
    • 特典の列 ブロック
      • その他の設定:特典1、特典2、特典3、割引コード(空でコードなし)、期限(YYYY-MM-DD HH:MM)、アイコン。
    • コレクションへの導線 ブロック
      • その他の設定:元、数、見出し、コレクション。
    • 開示事項(注意・個人の感想など) ブロック
      • その他の設定:アイコン、説明文、リンク先、型。
    • ステッカー(飾り)(共通ブロック。共通ブロックを参照)
    • 画像(共通ブロック。共通ブロックを参照)
    • 動画(共通ブロック。共通ブロックを参照)
    • ボタン(主・副の2つ)(共通ブロック。共通ブロックを参照)
    • メール登録のフォーム(共通ブロック。共通ブロックを参照)
    • 余白(共通ブロック。共通ブロックを参照)
    • インストールしたアプリのブロック
    • 上で説明した次のブロックも追加できます:商品名(h1)、ブランド名、価格、レビューの星と件数、バリアントの選択、在庫の表示、購入ボタン(数量・カートに入れる・加速チェックアウト・店舗受け取り)、商品説明、アイコンと文の並び。
  • インストールしたアプリのブロック

商品の棚

1 本の長い棚に商品を並べます。広い画面ではスクロールに合わせて棚が横に動き、背景の色が中央の商品の色に変わります。

デモストアの「商品の棚」。だるま、切子、鉄瓶、こけしが、淡い青の面の上の 1 本の棚に並ぶ

大きさと並べ方

  • 品の幅:200〜440 px、10 刻み(初期値:300)。
  • 商品名の大きさ:小、中、大、特大(初期値:中)。
  • 品の間隔 †:16〜120 px、4 刻み(初期値:56)。
  • 台の高さ †:36〜70 %(初期値:54)。画面に留まる並べ方の場合のみ。画面の高さに対する % です。
  • 留まる長さ †:50〜200 %、10 刻み(初期値:100)。100% でスクロールと同じ量だけ動きます。値を大きくするほどゆっくり動きます。

その他の設定:コレクション(空なら商品の最初のコレクション)、商品、数、画面に留めて横に流す、地の色を中央の品に合わせる、番号と進み具合の線、ブランド名、クイック追加。

このほか、セクション共通の設定があります。

追加できるブロック

  • 棚の品 ブロック
    • その他の設定:商品、切り抜きの画像。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ランキング

大きな順位番号付きのランキングです。順位はコレクションの並び順のとおりなので、Shopify 管理画面でコレクションを手動で並べ替えて決めます。

大きさと並べ方

  • 大きく見せる順位:1、3(初期値:3)。
  • 小さな行の列数(PC):1、2(初期値:2)。
  • 画像の比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:テーマ設定に従う)。

その他の設定:コレクション、表示する順位の数、「すべて見る」、ホバーの動き。

このほか、セクション共通の設定があります。

追加できるブロック

  • インストールしたアプリのブロック

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

最近見た商品

お客様が閲覧した商品を表示します。履歴はお客様のブラウザ内にだけ保存されます。

大きさと並べ方

  • 列数(PC):2〜6(初期値:4)。
  • 列数(スマホ):1、2(初期値:2)。
  • 画像の比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:テーマ設定に従う)。

その他の設定:数、並べ方、スマホの並べ方、操作、「履歴を消す」ボタン、ホバーの動き。

このほか、セクション共通の設定があります。

追加できるブロック

  • Custom Liquid(共通ブロック。共通ブロックを参照)
  • インストールしたアプリのブロック

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

セット販売

2〜5 点の決まった組み合わせを、「セットをカートに入れる」ボタンひとつで購入できるようにします。

その他の設定:今の商品を含める、並べ方、バリアントをその場で選ぶ、合計の下の注記。

このほか、セクション共通の設定があります。

追加できるブロック

  • セットの商品1つ ブロック
    • その他の設定:商品、最初からチェックする。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

価格の内訳

商品価格の内訳を表示します。表示するのは入力した金額だけです。

その他の設定:商品、見せ方、比べる相手の名前(空で出さない)、比べる相手の価格、補足(%DV など)、数え上げる。

このほか、セクション共通の設定があります。

追加できるブロック

  • 内訳1つ ブロック
    • その他の設定:見出し、金額(店の通貨)、説明文、色。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

商品のハイライト

中央に商品画像を 1 枚置き、その周りに特長を配置します。

その他の設定:商品、画像(アイコンの代わり)、並べ方、特長から線を引く、名前・価格・ボタンを出す。

このほか、セクション共通の設定があります。

追加できるブロック

  • 特長1つ ブロック
    • 横の位置:0〜100 %(初期値:50)。
    • 縦の位置:0〜100 %(初期値:50)。
    • その他の設定:アイコン、見出し、説明文。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

コーディネートから買う

画像・動画と商品

商品を使っている大きな写真や動画の横に、その商品をカードで並べます。

追加するときに選べるひな形:画像と商品、動画と商品。

大きさと並べ方

  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:縦長)。

その他の設定:背景、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、画像の位置、商品の並べ方、商品。

このほか、セクション共通の設定があります。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ルックブック

テーブルコーディネートや部屋などのルックを複数見せ、それぞれから商品へ案内します。

追加するときに選べるひな形:ルックブック、スタイリング。

大きさと並べ方

  • 列数(PC):1〜4(初期値:2)。
  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:縦長)。

その他の設定:並べ方、操作、商品の見せ方。

このほか、セクション共通の設定があります。

追加できるブロック

  • ルック1つ ブロック
    • その他の設定:画像(アイコンの代わり)、見出し、説明文、リンク先、ボタンの文字、商品。
    • 点1つ ブロック
      • 横の位置:0〜100 %(初期値:50)。
      • 縦の位置:0〜100 %(初期値:50)。
      • スマホの横の位置 †:0〜100 %(初期値:50)。
      • スマホの縦の位置 †:0〜100 %(初期値:50)。
      • その他の設定:商品、スマホで位置を変える、見出し、説明文。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ホットスポット(ショップ・ザ・ルック)

スタイリング写真の上に点を置きます。点を押すと、写っている商品の情報が開きます。

大きさと並べ方

  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:画像に合わせる)。

その他の設定:画像(アイコンの代わり)、スマホの画像、並べ方、画像の位置、点の形。

このほか、セクション共通の設定があります。

追加できるブロック

  • 点1つ ブロック
    • 横の位置:0〜100 %(初期値:50)。
    • 縦の位置:0〜100 %(初期値:50)。
    • スマホの横の位置 †:0〜100 %(初期値:50)。
    • スマホの縦の位置 †:0〜100 %(初期値:50)。
    • その他の設定:商品、スマホで位置を変える、見出し、説明文。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

スタイリング

ストアの商品で組んだコーディネートを縦長の写真で見せます。押すと、そのルックに使われている商品が表示されます。

大きさと並べ方

  • 列数(PC):2〜4(初期値:4)。
  • 列数(スマホ):1、2(初期値:2)。

その他の設定:写真の形、商品の見せ方、商品の数を出す。

このほか、セクション共通の設定があります。

追加できるブロック

  • 組み合わせ ブロック
    • その他の設定:画像(アイコンの代わり)、名前、短い説明、商品。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ショッパブル動画

縦長の短い動画を並べ、それぞれに登場する商品を添えます。

大きさと並べ方

  • 列数(PC):2〜6(初期値:4)。
  • 比率:縦、縦長、四角(初期値:縦)。

その他の設定:並べ方、音なしで自動再生、商品のミニカード、押すと大きく見る、操作。

このほか、セクション共通の設定があります。

追加できるブロック

  • 動画1本 ブロック
    • その他の設定:動画(音なしで自動再生、止めるボタン付き)、商品、キャプション、開示ラベル。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

推薦者のコメント付き商品

スタッフや作り手が選んだ商品を、写真、名前、短いコメントと一緒に紹介します。開示用のラベルも付きます。

大きさと並べ方

  • 列数(PC):2〜4(初期値:3)。

その他の設定:並べ方、スマホの並べ方、コメントの見せ方。

このほか、セクション共通の設定があります。

追加できるブロック

  • おすすめ1つ ブロック
    • その他の設定:商品、コメント、名前、年代・地域・肩書き、推薦者の写真、開示ラベル。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

宣伝・ギフト・特典

プロモの格子(ベント)

セール、特集、新着などへの入口を、大小のタイルを組み合わせた格子で見せます。各タイルに画像か動画、文字、リンクを置きます。

追加するときに選べるひな形:プロモの格子(ベント)、目次。

大きさと並べ方

  • 高さ †:小、中、大(初期値:中)。

その他の設定:並べ方、スマホの並べ方、操作。

このほか、セクション共通の設定があります。

追加できるブロック

  • プロモーションのタイル(コレクションのグリッド・プロモの格子・ランチャー) ブロック
    • 幅(列。コレクションのグリッド) †:1、2(初期値:1)。
    • 背景を暗くする強さ †:0〜80 %、5 刻み(初期値:20)。
    • タイルの大きさ:自動、大、縦長(高め)、広い(初期値:自動)。目次とベントの格子で使います。縦長は 9:16 の動画向けです。
    • その他の設定:背景、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、見出し、説明文、リンク先、ボタンの文字、何番目に入れるか(コレクションのグリッド)、細かく設定する、文字の位置、絞り込んだら隠す(コレクションのグリッド)、商品、コレクション(空なら商品の最初のコレクション)、記事。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

ギフトの案内

ギフト対応(包装、のし、メッセージ)を案内したり、予算からギフトを選べるようにしたりします。

デモストアの「ギフトの案内」。ギフト包装の案内の横に、1 万円まで・1 万〜3 万円・3 万円からの予算のタイルが並ぶ

追加するときに選べるひな形:ギフトの案内、予算で選ぶギフト。

大きさと並べ方

  • 列数(PC) †:1〜4(初期値:3)。
  • 金額の大きさ †:24〜96 px、2 刻み(初期値:52)。
  • 文の大きさ †:12〜22 px(初期値:15)。
  • タイルの高さ †:200〜600 px、8 刻み(初期値:312)。
  • 切り抜き画像の大きさ †:30〜100 %、2 刻み(初期値:70)。

その他の設定:並べ方、画像(アイコンの代わり)、のしの見本を出す、見せ始める日時、期限(YYYY-MM-DD HH:MM)、期間外は出さない。

このほか、セクション共通の設定があります。

追加できるブロック

  • ギフトの選択肢1つ ブロック
    • その他の設定:種類、アイコン、画像(アイコンの代わり)、見出し、説明文、ボタンの文字、リンク先、商品。
  • 予算のタイル ブロック
    • タイルの種類:色の面、写真(初期値:色の面)。
    • 幅:自動、狭い(360px)、中(4/12)、半分、広い、フル(初期値:自動)。
    • その他の設定:小さなラベル(「〜まで」)、金額の行、説明文、画像(アイコンの代わり)、リンク先、リンクの文字、面の色。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

特典・クーポン

常設の特典や割引コードをチケットのような形で見せます。コードはコピーでき、ワンクリックで適用することもできます。

追加するときに選べるひな形:特典・クーポン、クーポン。

大きさと並べ方

  • 列数(PC):1〜4(初期値:3)。

その他の設定:並べ方、カードの形、「使う」リンクで割引を適用。

このほか、セクション共通の設定があります。

追加できるブロック

  • 特典1つ(コード付きも) ブロック
    • その他の設定:アイコン、見出し、説明文、割引コード(空でコードなし)、リンク先、期限(YYYY-MM-DD HH:MM)。

固定のブロック(セクションに常に入っています。サイドバーで選ぶと設定を変えられます)

カウントダウン

セール、発売、受付の締め切りまでの残り時間を表示します。カウントするのは設定した日時に向けてだけです。

追加するときに選べるひな形:カウントダウン、発売まで。

その他の設定:見出し、元、見せ始める日時、期限(YYYY-MM-DD HH:MM)、表示を始める日時の商品メタフィールド(namespace.key、日付か日時の型。商品ページだけ)、終わる日時の商品メタフィールド(namespace.key。空で出さない)、終わったら、終わったときの文、数字の見た目、並べ方、画像(アイコンの代わり)。

このほか、セクション共通の設定があります。

追加できるブロック