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

ドロワーとポップアップ

ページの上に重ねて表示するセクションです。テーマエディターの左サイドバー最下部にあるオーバーレイのエリアに入っており、全ページに表示されます。

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

カート

カートのドロワー

画面の横から開くカートです。カートページと同じブロックを使うので、必要なパーツを選んで順番を決められます。

その他の設定:見出しの書き方。

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

追加できるブロック

  • 送料無料までの残り ブロック
    • その他の設定:型、達成したときの文(空で既定の文)。
  • 商品の一覧 ブロック
    • 画像の比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い(初期値:四角)。
    • その他の設定:ブランド名、在庫わずかを出す、在庫わずかの数。
  • 注文メモ ブロック
    • その他の設定:最初から開いておく、最大の文字数。
  • ギフト(包装・メッセージ・金額を伏せる) ブロック
    • その他の設定:ギフト包装のスイッチ(包装の商品があるとき)、メッセージ欄、メッセージの最大の文字数、「明細書に金額を書かない」、注文に保存する名前:ギフトメッセージ、注文に保存する名前:明細書、注文に保存する値:明細書。
  • のし(日本。注文全体) ブロック
    • その他の設定:注文に保存する名前:のし、注文に保存する名前:のしの名入れ。
  • 配送希望日時(日本) ブロック
    • その他の設定:注文に保存する名前:お届け希望日、注文に保存する名前:お届け希望時間帯。
  • 小計・割引・税 ブロック
    • その他の設定:節約額を出す。
  • 規約への同意 ブロック
    • その他の設定:ページ(本文の代わり)。
  • チェックアウトのボタン ブロック
    • その他の設定:ボタンに合計を出す、ボタンの下に決済アイコン。
  • おすすめ ブロック
    • その他の設定:見出し、選び方、数、並べ方、カートに入っていたら出さない、商品。
  • 保証の短い列 ブロック
    • その他の設定:1つ目のアイコン、1つ目の文、2つ目のアイコン、2つ目の文、3つ目のアイコン、3つ目の文、並べ方。
  • カートの中の宣伝 ブロック
    • その他の設定:画像(アイコンの代わり)、見出し、説明文、リンク先、出すとき。
  • 文字(共通ブロック。共通ブロックを参照)
  • Custom Liquid(共通ブロック。共通ブロックを参照)
  • インストールしたアプリのブロック

カートの通知(追加したとき。設定なし)

「カートに追加しました」と表示する小さなパネルです。カートの種類がポップアップの場合と、商品を追加してもドロワーを開かない設定の場合に表示されます。このセクション自体に設定はありません。

ポップアップと浮かぶボタン

ポップアップ(メール登録・お知らせ)

メール登録やお知らせを、指定したタイミングで一度だけ表示します。お客様が閉じたことは記録され、繰り返し表示しません。

追加するときに選べるひな形:メール登録のポップアップ、お知らせのポップアップ。

大きさと並べ方

  • どこまで読んだら出すか †:10〜90 %、10 刻み(初期値:40)。
  • 文字の幅:狭い(360px)、標準、広い(初期値:標準)。

その他の設定:種類、画像(アイコンの代わり)、見出し、説明文、表示してコピーできる割引コード(空で出さない)、コードは登録のあとに見せる、登録フォームの下の注記、ボタンの文字、リンク先、きっかけ、何秒後に出すか、閉じたあと出さない日数(0=次の訪問で出す)、出す相手、出すページ、並べ方、画像の位置、閉じたあと小さな再表示ボタンを出す、再表示ボタンの文字、開き方、見せ始める日時、期限(YYYY-MM-DD HH:MM)。

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

年齢確認

成人向けの商品だけを扱うストア向けです。ストアを利用する前に、年齢の確認を求めます。

大きさと並べ方

  • 後ろのページの見せ方:暗くする、ぼかし、実線(初期値:ぼかし)。

その他の設定:見出し、説明文、年齢、確かめ方、確認のボタン、断るボタン、断ったとき・年齢に満たないとき、そのときの文、そのときの行き先、確かめる場所、対象の商品のタグ、確認を覚える日数、画像(アイコンの代わり)、開き方。

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

追従ステッカー

画面の角に固定表示する丸いステッカーです。縁に沿って文字が回り、押すと案内先のページに移動します。

その他の設定:文字、画像(アイコンの代わり)、形、リンク先、ボタンの位置、出すページ、動きの種類。

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

ランチャー(端のボタンから開くドロワー)

全ページの画面端に表示される小さなボタンです。押すと、ヘルプへのリンク、特典、お知らせを載せたドロワーが開きます。

追加するときに選べるひな形:ヘルプのランチャー、注目のランチャー、お知らせのランチャー。

その他の設定:型、ボタンの文字(空でアイコンだけ)、アイコン、数、ボタンの位置、出すページ、ほかのランチャーと1つのボタンにまとめる、ボタンの動きの種類、ブログ。

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

追加できるブロック

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