ヘッダー・フッター・帯

ヘッダーとフッターのエリアに置くセクションで、全ページに表示されます。テーマエディターの左サイドバーで、ヘッダーまたはフッターのエリアからセクションを選んで編集します。

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

ヘッダーのエリア

お知らせバー

ヘッダーの上に短いお知らせを最大 6 件表示します。表示方法は、止めて並べる・スライド・流れる帯から選べます。1 件を送料無料までの残り金額の表示にすることもできます。

大きさと並べ方

文字の大きさ：小、中（初期値：小）。

その他の設定：国・言語の切り替えを出す（PC）、SNS のアイコンを出す（PC）、見せ方（PC）、見せ方（スマホ）、切り替えの秒数、矢印を出す、流れる速さ（px/秒）、流れる向き、文の間の記号、揃え、固定表示、閉じるボタンを出す、閉じたことを覚える日数、切り替えの動き、次の切り替えまでの細い線、ホバーとフォーカスで止める、スクロールで速さと向きが変わる（大胆のときだけ）、入りきらない文の扱い。

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

追加できるブロック

お知らせ1件 ブロック
- その他の設定：本文（メタフィールドにつなげる）、説明文、リンク先、リンクの文字、アイコン、カウントダウンの終了日時（空で出さない）、終わったあと、細かく設定する、見せ始める日時、期限（YYYY-MM-DD HH:MM）、出すページ、出す相手。
インストールしたアプリのブロック

ユーティリティバー（ヘッダーの上か下の小さな帯）

営業時間、発送の締め時刻、電話番号などを載せる細い帯です。小さなリンク、SNS のアイコン、国と言語の切り替えも置けます。

その他の設定：説明文、メニュー、SNS のアイコンを出す（PC）、国（通貨）の切り替え、言語の切り替え、揃え、スマホのドロワーにも出す。

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

キャンペーンモード（期間だけ配色・帯・バッジを替える）

開始日時と終了日時が決まっているセールや季節のイベント用のセクションです。期間中はキャンペーン用の配色に切り替わり、カウントダウン付きの帯の表示や、対象商品へのバッジ付けができます。

その他の設定：キャンペーンの名前（帯とバッジの読み上げ）、見せ始める日時、期限（YYYY-MM-DD HH:MM）、エディタでは期間外でもキャンペーンの見た目にする、期間中に置き換える配色、期間中の配色、置き換える範囲、期間中に帯を出す、帯の文（空なら名前）、帯のリンク、終わる日時までのカウントダウン、期間中はお知らせバーを隠す、期間中、タグ campaign の商品にバッジ。

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

ロゴ、メニュー、検索、アカウント、カートを配置します。レイアウトは 9 種類、メガメニューの型は 6 種類、スマホ用メニューの型は 3 種類から選べ、固定表示にも対応しています。

大きさと並べ方

メニューの文字の大きさ †：小、中、大（初期値：中）。
高さ †：詰めて並べる、ふつう、縦長（高め）（初期値：ふつう）。

その他の設定：メニュー、補助メニュー、アカウントを出す、アカウントのメニュー、国（通貨）の切り替え、言語の切り替え、並べ方、スマホのメニューの型、メガメニューの型、メガメニューの開き方、検索の置き方（PC）、検索の置き方（スマホ）、検索とカートの見せ方（PC）、固定表示、透明にするページ、透明のときの配色、メニューの開き方の動き、細かく設定する、スマホのロゴの位置、スマホのメニューの階層の開き方、メガメニューの宣伝枠の位置、スマホのメニューに画像、メニューを開いたときの配色、下の線と影、検索を出す、スマホのアイコンの並び。

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

追加できるブロック

メガメニューの宣伝枠 ブロック
- 画像の比率 †：画像に合わせる、縦長、四角、横長（初期値：縦長）。
- 幅（列。コレクションのグリッド）：1、2（初期値：1）。
- その他の設定：紐付けるメニュー名（第1階層の名前と完全一致）、商品、画像（アイコンの代わり）、見出し、説明文、リンク先、ボタンの文字、カウントダウンの終了日時（空で出さない）、スマホのドロワーにも出す。
メニューのラベル（New など） ブロック
- その他の設定：紐付けるメニュー名（第1階層の名前と完全一致）、見出し。
Custom Liquid（共通ブロック。共通ブロックを参照）
アプリ ブロック
- インストールしたアプリのブロック
メガメニュー（項目ごと） ブロック
- 列の数：自動、2、3、4、5、6（初期値：自動）。
- 画像の比率 †：縦長、四角、横長（初期値：縦長）。
- その他の設定：メニューの項目、コレクション・商品の画像、宣伝の位置、「〜をすべて見る」のリンクを出す。
- 上で説明した次のブロックも追加できます：メガメニューの宣伝枠。
ドロワーの宣伝 ブロック
- その他の設定：見出し。
- 上で説明した次のブロックも追加できます：メガメニューの宣伝枠。

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

メニューのドロワー ブロック
- メニューの余白：テーマ設定に従う、詰めて並べる、ふつう、広め、数値で決める（初期値：テーマ設定に従う）。
- ドロワーの上下の余白 †：8〜48 px、4 刻み（初期値：24）。
- ドロワーの左右の余白 †：12〜40 px、4 刻み（初期値：20）。
- 項目の行の高さ（項目の間隔。44px より低くならない） †：44〜72 px、4 刻み（初期値：48）。
- 下の階層の字下げ（1 段ごと） †：0〜32 px、4 刻み（初期値：16）。
- 下部（補助メニュー・アカウント・国と言語・SNS）の上の余白 †：8〜64 px、4 刻み（初期値：32）。
- ドロワーの幅（横から出る型）：テーマ設定に従う、狭い（360px）、広い、フル（初期値：テーマ設定に従う）。
- その他の設定：ドロワーのメニュー、開く向き、補助メニューを出す、アカウントのリンクを出す、国と言語の切り替えを出す、SNS のアイコンを出す。
店名と添え書き ブロック
- 大きさ（PC）：16〜64 px（初期値：30）。ロゴ画像がない場合に使われます。タブレットでは PC とスマホの中間のサイズになります。
- 大きさ（スマホ）：14〜40 px（初期値：22）。
- 字間：0〜40 %（初期値：16）。
- 大きさ（添え書きの中）：9〜16 px（初期値：10）。
- その他の設定：大文字、店名のあとにアクセントの点を出す、文、スマホでも出す。
章の爪 ブロック
- その他の設定：章の爪を表示、PC で章の名前を出す爪、スマホとタブレットにも出す。

メール登録、メニューや文章の列、大きな店名、SNS のアイコン、決済方法のアイコン、国と言語の切り替え、規約へのリンクを置けます。

その他の設定：メール登録、登録の見出し、登録の説明、登録フォームの下の注記、SNS のアイコンを出す（PC）、ボタンの下に決済アイコン、国（通貨）の切り替え、言語の切り替え、規約のリンク、Shop でフォロー、並べ方、スマホで列を開閉式にする、トップへ戻るボタン、著作権の横の文、「Powered by Shopify」を出す。

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

追加できるブロック

メニューの列 ブロック
- その他の設定：見出し、メニュー。
文字ブロック
- その他の設定：見出し、説明文。
画像ブロック
- 幅：40〜400 px、10 刻み（初期値：160）。
- その他の設定：画像（アイコンの代わり）、リンク先。
連絡先の列 ブロック
- その他の設定：見出し、説明文。
ロゴの列 ブロック
- 幅：40〜400 px、10 刻み（初期値：160）。
- その他の設定：どちらのロゴ。
決済手段のロゴ（マーチャントの画像） ブロック
- その他の設定：画像（アイコンの代わり）、見出し。
Custom Liquid ブロック
- その他の設定：Liquid。
インストールしたアプリのブロック
大きな店名 ブロック
- 大きさ：6〜30 %（初期値：18）。画面幅に対する割合です。長い店名は単語の区切りで折り返します。
- 大きさの上限：60〜480 px、10 刻み（初期値：290）。
- 字間：−5〜30 %（初期値：1）。
- その他の設定：文字、揃え、色、動き。

スマホの下部ナビ（タブバー）

スマホとタブレットで、画面下部に固定表示するタブです（最大 5 つ。メニュー、検索、カート、アカウント、任意のリンク）。

その他の設定：ラベルの出し方、下にスクロールで隠す、商品ページで隠す（固定の購入バーを優先）。

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

追加できるブロック

タブ1つ ブロック
- その他の設定：押したとき、アイコン、見出し、リンク先。