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

文章・画像・ストーリーのセクション

ストアの成り立ちや作り手の話など、言葉と写真で伝えたい内容のためのセクションです。

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

文章

リッチテキスト

見出し、短い文章、引用、ボタンを配置します。日本語と中国語は縦書きにもできます。

追加するときに選べるひな形:リッチテキスト、縦書きの見出し。

大きさと並べ方

  • 文字の幅:狭い(360px)、標準、広い(初期値:狭い(360px))。
  • 畳んだときの行数 †:3〜12(初期値:6)。

その他の設定:横の揃え、文字の向き、畳む(「続きを読む」)。

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

追加できるブロック

スクロールで読み進む文字

大きく組んだ短い文章を、スクロールに合わせて少しずつ読ませます。

大きさと並べ方

  • 文字の大きさ:中、大、特大(初期値:大)。

その他の設定:説明文、揃え、塗り方。

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

マーキー

言葉、ロゴ、小さな画像が横に流れ続ける帯です。

デモストアの「マーキー」。工芸の名前と小さな切り抜きの写真が横に流れる

追加するときに選べるひな形:マーキー: 大きな帯、マーキー、マーキー: 交差する帯。

大きさと並べ方

  • 文字の大きさ:小、中、大、特大、特大(初期値:大)。
  • 画像の大きさ †:60〜200 %、5 刻み(初期値:100)。
  • 項目の間隔 †:自動、極小、小、中、大、特大(初期値:自動)。

その他の設定:区切りの記号、帯を傾ける、流れる速さ(px/秒)、流れる向き、ホバーとフォーカスで止める、スクロールで速さと向きが変わる(大胆のときだけ)、文字の見せ方、文字の書体、画像の見せ方。

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

追加できるブロック

  • 流れる項目1つ ブロック
    • その他の設定:説明文、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、リンク先、文字の見せ方。

ニュースの帯

1 行のニュースや最新のブログ記事をゆっくり流す細い帯です。

追加するときに選べるひな形:ニュースの帯、ニュースの帯: 最新の記事。

大きさと並べ方

  • 文字の大きさ:小、中(初期値:小)。

その他の設定:元、ブログ、記事の数、日付を出す、見出し、区切りの記号、上下に罫線、流れる速さ(px/秒)、流れる向き、ホバーとフォーカスで止める。

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

追加できるブロック

  • 帯の 1 行 ブロック
    • その他の設定:説明文、リンク先、札。

よくある質問

質問をクリックすると回答が開く、よくある質問の一覧です。トピックごとの見出し、検索欄、検索エンジン向けの FAQ 構造化データも付けられます。

その他の設定:並べ方、最初を開いておく、複数を同時に開く、検索のフォーム、検索エンジン用の FAQ データを出す。

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

追加できるブロック

  • 質問1つ ブロック
    • その他の設定:質問、答え。
  • 区切りの見出し ブロック
    • その他の設定:見出し。

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

比較表

最大 5 列の項目を行ごとに比べる表です。特定の 1 列を強調表示できます。

大きさと並べ方

  • 比べる列の数:2〜5(初期値:3)。
  • 強調する列:なし、1、2、3、4、5(初期値:1)。

その他の設定:1列目の名前、2列目の名前、3列目の名前、4列目の名前、5列目の名前。

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

追加できるブロック

  • 行1つ ブロック
    • その他の設定:見出し、1列目の値、2列目の値、3列目の値、4列目の値、5列目の値、補足(%DV など)。

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

注釈

ページの下部にまとめて載せる、番号付きの注釈です。

追加するときに選べるひな形:注釈、注釈(*)。

大きさと並べ方

  • 文字の大きさ:小、中(初期値:小)。

その他の設定:番号の記号、本文の記号を注釈へリンクする。

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

追加できるブロック

  • 注釈1つ ブロック
    • その他の設定:説明文。

画像と文章

画像とテキスト

画像または動画の横に、文章、ボタン、アイコン、引用を配置します。切り抜いた商品を画像の枠からはみ出させることもできます。

追加するときに選べるひな形:画像とテキスト、画像とテキスト: 重ね、画像とテキスト:展示の飛び出し。

大きさと並べ方

  • 画像の幅(%):50、55、60、65(初期値:50)。
  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:画像に合わせる)。
  • 品の大きさ(画像の %) †:20〜80 %(初期値:52)。
  • 品の横のはみ出し(%) †:0〜60 %(初期値:22)。
  • 品の下のはみ出し(%) †:0〜50 %(初期値:14)。

その他の設定:背景、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、並べ方、画像の位置、スマホの画像の位置、縦の揃え、手前に置く品(切り抜き)。

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

追加できるブロック

複数画像とテキスト

2〜3 枚の画像を小さな構図に組み、文章の横に配置します。

追加するときに選べるひな形:複数画像とテキスト: 重ね、複数画像とテキスト: コラージュ。

大きさと並べ方

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

その他の設定:並べ方、画像の位置、スマホの画像の位置、縦の揃え、スクロールの効果。

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

追加できるブロック

  • 画像1枚 ブロック
    • その他の設定:画像(アイコンの代わり)、スマホの画像、キャプション。
  • 文字(共通ブロック。共通ブロックを参照)
  • ボタン(主・副の2つ)(共通ブロック。共通ブロックを参照)

複数列

特長、サービス、作り手などを、アイコンまたは画像・見出し・文章・リンクの列で並べます。

追加するときに選べるひな形:複数列: アイコンと文、複数列: 画像、つくり手。

大きさと並べ方

  • 列数(PC):1〜6(初期値:3)。
  • 列数(スマホ):1、2(初期値:1)。
  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:四角)。
  • 見た目:「カート」、箱で囲む、区切り線(初期値:「カート」)。
  • 揃え:始まりの側、中央(初期値:始まりの側)。

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

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

追加できるブロック

  • 列1つ ブロック
    • その他の設定:アイコン、画像(アイコンの代わり)、見出し、説明文、リンクの文字、リンク先。

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

マルチロウ

画像と文章を組み合わせた行を、1 つのセクションに縦に積み重ねます。行ごとに画像の左右を入れ替えることもできます。

大きさと並べ方

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

その他の設定:画像の位置、左右を交互にする、読み進めると線が伸びる。

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

追加できるブロック

  • 行1つ ブロック
    • その他の設定:画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、見出し、説明文、リンク先、ボタンの文字。

成分・特長の一覧

素材、特長、使い方の手順などを並べます。それぞれに短い説明と、必要に応じて詳しい説明を付けます。

追加するときに選べるひな形:特長、素材、使い方。

大きさと並べ方

  • 列数(PC):1〜4(初期値:3)。
  • 列数(スマホ):1、2(初期値:1)。
  • 見た目:「カート」、箱で囲む、区切り線(初期値:「カート」)。

その他の設定:並べ方、画像(アイコンの代わり)、詳しい説明の出し方、自動で進む秒数。

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

追加できるブロック

  • 項目1つ ブロック
    • その他の設定:アイコン、画像(アイコンの代わり)、見出し、説明文、押すと出る条件、値(メタフィールドにつなげる)、リンク先。

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

タブ付きコンテンツ

画像・文章・ボタンを入れたパネルを、タブで切り替えて表示します。

大きさと並べ方

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

その他の設定:タブの位置、タブの見た目、画像の位置、音なしで自動再生、切り替えの秒数、タブの切り替えの動き。

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

追加できるブロック

  • タブ1つ ブロック
    • その他の設定:見出し、画像(アイコンの代わり)、説明文、リンク先、ボタンの文字。

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

画像アコーディオン

縦長の画像を横に並べた帯です。選んだ帯が広がり、文章とリンクが表示されます。

大きさと並べ方

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

その他の設定:開き方(PC)、スマホの並べ方。

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

追加できるブロック

  • 帯1つ ブロック
    • その他の設定:画像(アイコンの代わり)、見出し、説明文、リンク先、ボタンの文字。

写真をグリッド、石積み風、カルーセル、自由な横スクロールで並べます。拡大表示(ライトボックス)も付けられます。

追加するときに選べるひな形:画像ギャラリー(UGC を含む)、お客様の写真。

大きさと並べ方

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

その他の設定:並べ方、スマホの並べ方、押すと大きく見る、キャプションを出す。

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

追加できるブロック

  • 画像1枚 ブロック
    • その他の設定:画像(アイコンの代わり)、キャプション、リンク先、撮影者・投稿者、開示ラベル、商品。

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

ビフォーアフター

同じ対象を写した 2 枚の写真を、つまみを動かして見比べます。撮影条件などを書く注記も付けられます。

追加するときに選べるひな形:ビフォーアフター、ビフォーアフター: 文と並べる。

大きさと並べ方

  • 取っ手の最初の位置:0〜100 %(初期値:50)。
  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:画像に合わせる)。

その他の設定:前の画像、後の画像、前のラベル、後のラベル、向き、並べ方、画像の位置、補足(%DV など)。

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

追加できるブロック

動画

動画を表示します。カバー画像と文字起こしも付けられます。

大きさと並べ方

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

その他の設定:動画の場所、動画(音なしで自動再生、止めるボタン付き)、スマホの動画、YouTube・Vimeo の URL、表紙の画像、音なしで自動再生、くり返す、文字起こし、動画の上でラベル付きのカーソル。

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

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

スクロールで語るストーリー

スクロールで切り替わる画像

段階を追って語るストーリーです。スクロールに合わせて文章が流れる間、画像は画面に残り、読んでいる段階に応じて切り替わります。

大きさと並べ方

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

その他の設定:画像の位置、切り替えの動き、番号を出す。

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

追加できるブロック

  • 段1つ(画像と文) ブロック
    • その他の設定:画像(アイコンの代わり)、見出し、説明文、リンク先、ボタンの文字。

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

重なるカード

作り手、工房、産地を大きなカードで紹介します。スクロールに合わせてカードが重なっていきます。

デモストアの「重なるカード」。写真、ひとこと、産地などを載せた工房のカードが、スクロールに合わせて重なっていく

大きさと並べ方

  • カードの幅(最大):480〜1200 px、20 刻み(初期値:780)。
  • 画像の比率:縦長、縦長(高め)、四角、横長(初期値:縦長)。
  • 画像の幅:30〜60 %(初期値:46)。
  • 名前の大きさ:20〜72 px(初期値:40)。
  • 言葉の大きさ:14〜36 px(初期値:23)。
  • 重なりのずれ:0〜60 px、2 刻み(初期値:22)。
  • カードの間のスクロール:10〜80 %、5 刻み(初期値:30)。画面の高さに対する %(幅 990px 以上)。

その他の設定:紹介文の位置、背景をカードの色に替える、後ろのカードを少し小さく。

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

追加できるブロック

  • カード ブロック
    • その他の設定:画像(アイコンの代わり)、場所、名前、ひとこと、項目1の名前、項目1の中身、項目2の名前、項目2の中身、リンク先、リンクの文字、カードの色(背景)、点の色。

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

数字

ストアの実績などの数字を大きく見せます。画面に入ったときに一度だけカウントアップさせることもできます。

デモストアの「数字」。色の違う 4 つの大きな数字に、短い説明が付く

大きさと並べ方

  • 列数(PC) †:2〜6(初期値:4)。
  • 揃え †:始まりの側、中央(初期値:中央)。
  • 見た目 †:「カート」、箱で囲む、区切り線(初期値:区切り線)。
  • 数え上げの長さ †:自動、短く、長め(初期値:自動)。
  • 数字の大きさ(最大):40〜320 px、4 刻み(初期値:280)。数字が画面や列の幅からはみ出すことはありません。長い値は収まるサイズまで縮小されます。
  • ラベルの大きさ:12〜40 px(初期値:22)。
  • 文の大きさ:12〜24 px(初期値:17)。
  • 行の間隔:0〜160 px、4 刻み(初期値:32)。
  • 段違いのずれ †:0〜240 px、8 刻み(初期値:120)。

その他の設定:並べ方、数え上げる、数字の見せ方、補足(%DV など)、左右から寄ってくる。

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

追加できるブロック

  • 数字1つ ブロック
    • その他の設定:値(メタフィールドにつなげる)、前に付ける文字、後に付ける文字(%・万・倍)、見出し、説明文、数え始める値、数字の色。

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

タイムライン

ストアの歩みやものづくりの工程を、時系列で見せます。番号付きの手順としても使えます。

デモストアの「タイムライン」。工房から玄関までの 4 つの手順が、番号と写真付きで並ぶ

追加するときに選べるひな形:タイムライン、手順。

大きさと並べ方

  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:横長)。
  • 列数(PC) †:2〜6(初期値:4)。
  • 番号の丸の大きさ †:32〜120 px、2 刻み(初期値:68)。
  • 見出しの大きさ †:14〜48 px(初期値:24)。
  • 文の大きさ †:12〜22 px(初期値:15)。

その他の設定:並べ方、読み進めると線が伸びる、操作、番号が灯りはじめる位置。

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

追加できるブロック

  • 項目1つ ブロック
    • その他の設定:見出し、説明文、画像(アイコンの代わり)、画像の地の色。

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

雑誌のようなセクション

特集の面

1 つの特集を、色付きのページに組んだ雑誌の見開きのように見せます。大きな枠 1 つと小さな枠に、画像、動画、商品、コレクション、記事を入れます。

追加するときに選べるひな形:特集の面、特集の面: 藍、特集の面: 章。

大きさと並べ方

  • 比率:縦長、縦長(高め)、四角、横長、広い(初期値:四角)。大きな枠と小さな枠は同じ縦横比になります。
  • 文字の大きさ:小、中、大、特大(初期値:中)。

その他の設定:章、1 組目の大きな枠の位置、リンク先、リンクの文字、次のセクションとのつなぎ、文字の位置、章の番号を出す。

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

追加できるブロック

  • 枠 ブロック
    • その他の設定:枠の種類、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)、商品、コレクション(空なら商品の最初のコレクション)、記事、見出し、リンク先。

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

特集の目次

特集の目次ページです。言葉が動く表紙に続いて、番号付きの項目が並びます。

大きさと並べ方

  • 速さ(1 秒あたり) †:10〜80 px、5 刻み(初期値:30)。

その他の設定:表紙を出す、表紙の画像、流れる英字、見出し、説明文、番号の前の文字。

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

追加できるブロック

  • 特集の記事 ブロック
    • その他の設定:記事、商品、コレクション(空なら商品の最初のコレクション)、リンク先、画像(アイコンの代わり)、号の番号、見出し、説明文、ボタンの文字。

号の目次

ページ内の特集を、大きな番号、名前、短い紹介文、小さな画像で並べます。項目がない場合は、ストアのコレクションを並べます。

追加するときに選べるひな形:号の目次、号の目次(3 列)。

大きさと並べ方

  • 列数(PC) †:1〜3(初期値:2)。
  • 画像の比率 †:四角、縦長、横長(初期値:四角)。

その他の設定:並べ方、番号の見た目、画像を出す、件数を出す。

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

追加できるブロック

  • 目次の項目 ブロック
    • その他の設定:番号、名前(英字)、和訳、コレクション(空なら商品の最初のコレクション)、リンク先、説明文、画像(アイコンの代わり)、細かく設定する、行き先(セクションのページ内リンク用の ID)、右の小さな文字(号・日付)、項目だけの配色にする。

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

号のナビ(帯)

ページ内の特集を並べた細い帯です。いま読んでいる特集に印が付きます。

その他の設定:画面の上に追従、横の揃え、番号を出す、和訳を出す。

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

追加できるブロック

  • 帯の項目 ブロック
    • その他の設定:番号、名前(英字)、和訳、行き先(セクションのページ内リンク用の ID)、リンク先。

ページ内ナビ

長いページの各部分へ移動するためのタブです。移動先のセクションには「ページ内リンク用の ID」を設定しておきます。

その他の設定:画面の上に追従、横の揃え、タブの見た目。

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

追加できるブロック

  • 行き先1つ ブロック
    • その他の設定:見出し、行き先(セクションのページ内リンク用の ID)。

新着記事と号

最新の記事を 2 列で並べ、横の小さな枠に現在の号を表示します。

その他の設定:ブログ、タグ、数、「すべて見る」、記事のタイトルを流す帯、いまの号を出す、商品、号の番号、見出し、説明文、ボタンの文字、表紙、2 枚目の表紙、3 枚目の表紙、リンク先。

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

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

連載中の記事を、横幅いっぱいの 1 列に正方形のカードで並べます。

大きさと並べ方

  • 速さ(1 秒あたり) †:20〜80 px、5 刻み(初期値:40)。

その他の設定:ブログ、連載のタグ、数、動かし方、操作、カードの高さを段違いにする、「すべて見る」。

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

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

ブログ記事

指定したブログの最新記事を、日誌・グリッド・誌面のいずれかのレイアウトで表示します。

デモストアの「ブログ記事」。大きな記事 1 本と、その横に小さな記事が並ぶ

追加するときに選べるひな形:読み物、ブログ記事: グリッド、ブログ記事: エディトリアル。

大きさと並べ方

  • 列数(PC):1〜4(初期値:3)。
  • 記事カードの画像比率:テーマ設定に従う、画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:テーマ設定に従う)。
  • 記事名の大きさ †:16〜48 px(初期値:26)。
  • 大きな記事名の大きさ †:20〜80 px、2 刻み(初期値:44)。

その他の設定:数、タグ、並べ方、スマホの並べ方、操作、「すべて見る」、記事の商品を小さく出す、ブログ、章の番号を出す、「すべて見る」の横の一文。

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

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

奥付

ストアの運営者と所在地を伝えるセクションです。見出し、ストアの説明、事実を並べた一覧を置きます。

その他の設定:見出し、説明文、店の所在地を出す、連絡先(メールと電話)を出す。

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

追加できるブロック

  • 奥付の行 ブロック
    • その他の設定:見出し、説明文。

信頼とお客様の声

お客様の声

お客様の声を、お名前、必要に応じて評価、写真、購入した商品と一緒に紹介します。

デモストアの「お客様の声」。3 件のお客様の声が、それぞれ淡い色の面の商品と一緒に並ぶ

追加するときに選べるひな形:お客様の声、お客様の声: 大きな1件。

大きさと並べ方

  • 列数(PC):1〜4(初期値:3)。
  • 見た目:「カート」、箱で囲む、区切り線(初期値:箱で囲む)。
  • 声の文字の大きさ †:14〜36 px(初期値:21)。
  • 商品の面の高さ †:96〜360 px、8 刻み(初期値:200)。
  • 段違いのずれ †:0〜160 px、4 刻み(初期値:56)。

その他の設定:並べ方、スマホの並べ方、操作、音なしで自動再生、切り替えの秒数、星を出す、補足(%DV など)。

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

追加できるブロック

  • お客様の声1件 ブロック
    • その他の設定:引用の文、名前、年代・地域・肩書き、星(0 は出さない)、画像(アイコンの代わり)、開示ラベル、商品、商品の切り抜き画像、商品の面の色。
  • インストールしたアプリのブロック

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

メディア掲載

ストアが掲載された雑誌・メディアや受賞歴を、ロゴと短い引用で紹介します。

大きさと並べ方

  • 列数(PC) †:1〜4(初期値:3)。
  • ロゴの高さ:24〜120 px、4 刻み(初期値:40)。

その他の設定:並べ方、音なしで自動再生、切り替えの秒数、操作。

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

追加できるブロック

  • 掲載1件 ブロック
    • その他の設定:画像(アイコンの代わり)、引用の文、店名、リンク先。

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

ロゴの列

作り手、取扱店、認証マークなどのロゴを、1 列または流れる帯で並べます。

追加するときに選べるひな形:ロゴの列、取扱店、認証マーク。

大きさと並べ方

  • 列数(PC) †:3〜8(初期値:5)。
  • ロゴの高さ:24〜120 px、4 刻み(初期値:48)。

その他の設定:並べ方、白黒にする(ホバーで色)、流れる速さ(px/秒)、流れる向き、ホバーとフォーカスで止める。

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

追加できるブロック

  • ロゴ1つ ブロック
    • その他の設定:画像(アイコンの代わり)、リンク先、店名。

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

保証のアイコン列

送料無料、返品対応、安全な決済などの短い約束をアイコン付きで並べます。決済方法のアイコンも表示できます。

大きさと並べ方

  • 揃え:始まりの側、中央(初期値:中央)。
  • 見た目:「カート」、箱で囲む、区切り線(初期値:「カート」)。

その他の設定:並べ方、ボタンの下に決済アイコン。

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

追加できるブロック

  • 約束1つ ブロック
    • その他の設定:アイコン、見出し、説明文、押すと出る条件、ページ(本文の代わり)。

店舗の情報とフォーム

ニュースレター

メール登録の欄です。画像も添えられます。

追加するときに選べるひな形:ニュースレター、ニュースレター: 画像つき。

大きさと並べ方

  • 文字の幅:狭い(360px)、標準、広い(初期値:狭い(360px))。

その他の設定:並べ方、画像(アイコンの代わり)、画像の位置、同意の文、プライバシーポリシーへのリンク、同意のチェックを必須にする。

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

追加できるブロック

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

問い合わせのフォーム

Shopify のお問い合わせフォームです。入力項目を選べます。

大きさと並べ方

  • 文字の幅:狭い(360px)、標準(初期値:狭い(360px))。

その他の設定:電話の欄、電話を必須に、送信ボタンの文字、送信のあとの文、同意の文、同意のチェックを必須にする。

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

追加できるブロック

  • フォームの項目 ブロック
    • 幅:フル、半分(初期値:フル)。
    • その他の設定:見出し、種類、選択肢(1行に1つ)、必須、入力欄の中の例。

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

イベント

今後開くワークショップ、ポップアップストア、ライブ配信などを、カレンダーに追加できるリンク付きで告知します。

大きさと並べ方

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

その他の設定:並べ方、数、終わった予定を隠す、「カレンダーに追加」、検索エンジン用の FAQ データを出す。

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

追加できるブロック

  • 予定1つ ブロック
    • その他の設定:見出し、見せ始める日時、期限(YYYY-MM-DD HH:MM)、場所(「オンライン」も可)、説明文、画像(アイコンの代わり)、リンク先、状態。

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

店舗と地図

店舗や取扱店を、住所、営業時間、電話番号、地図へのリンク付きで並べます。地域ごとにまとめることもできます。

追加するときに選べるひな形:店舗と地図、取扱店の一覧。

大きさと並べ方

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

その他の設定:並べ方、地図、地図のリンク先、「近い順に並べる」ボタン、検索エンジン用の FAQ データを出す、地域の見せ方。

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

追加できるブロック

  • 店舗1つ ブロック
    • その他の設定:店名、住所、営業時間、電話、画像(アイコンの代わり)、地図で探す住所(空なら住所の文字)、リンク先、細かく設定する、緯度、経度、店の種類。
  • 地域 ブロック
    • その他の設定:見出し、最初から開いておく。
    • 上で説明した次のブロックも追加できます:店舗1つ。

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

店舗セレクター(ヘッダーグループにも置ける)

お客様が利用する店舗を一度選んでおけるようにします。選んだ店舗はお客様のブラウザ内にだけ保存されます。

その他の設定:見出し、「近い順に並べる」ボタン、営業時間を出す。

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

追加できるブロック

  • 店舗1つ ブロック
    • その他の設定:店名、住所、営業時間、電話、画像(アイコンの代わり)、地図で探す住所(空なら住所の文字)、リンク先、細かく設定する、緯度、経度、店の種類。

2 列の表です。特定商取引法に基づく表記や会社概要などに使えます。

追加するときに選べるひな形:特定商取引法に基づく表記、会社概要。

その他の設定:補足(%DV など)。

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

追加できるブロック

  • 表の行 ブロック
    • その他の設定:見出し、値(メタフィールドにつなげる)。

よく使うリンクやカテゴリへのボタンを、メニューまたはブロックから並べます。

追加するときに選べるひな形:リンクの一覧、カテゴリのボタン。

大きさと並べ方

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

その他の設定:見た目、並べ方、横の揃え、メニュー。

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

追加できるブロック

  • リンク1つ ブロック
    • その他の設定:見出し、リンク先、アイコン、画像(アイコンの代わり)。

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

レイアウト・アプリ・コード

区切り・余白

2 つのセクションの間に余白を入れ、必要に応じて区切り線を引きます。

追加するときに選べるひな形:区切り・余白、余白。

大きさと並べ方

  • 線の長さ †:フル、中身、短く(初期値:中身)。

その他の設定:線。

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

自由に組めるセクション

テーマのブロックとアプリブロックを自由に組み合わせられるセクションです。ほかのセクションでは作れないレイアウトに使います。

追加するときに選べるひな形:自由に組めるセクション、2列、アイコンと文。

大きさと並べ方

  • 間隔:0〜96 px、4 刻み(初期値:24)。
  • 文字の幅:狭い(360px)、標準、広い(初期値:標準)。
  • 高さ:小、中、大、画面、画像に合わせる(初期値:画像に合わせる)。
  • 背景を暗くする強さ †:0〜80 %、5 刻み(初期値:0)。上の文字が読みやすくなるまで暗くしてください(コントラスト 4.5:1)。

その他の設定:並べる向き、横の揃え、縦の揃え、スマホで縦に並べる、背景、画像(アイコンの代わり)、動画(音なしで自動再生、止めるボタン付き)。

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

追加できるブロック

  • 共通ブロックのどれでも(共通ブロックのページを参照)
  • インストールしたアプリのブロック

アプリの外枠

アプリブロックを入れるための枠です。テーマのページ幅、余白、配色がアプリブロックにも適用されます。

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

追加できるブロック

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

Custom Liquid

テーマの枠の中に、独自の Liquid や HTML のコードを入れます。使う前に開発者向けのページをお読みください。

その他の設定:Liquid。

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