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

アプリ

Kyoto は、Shopify 標準の 2 つの方法、アプリブロックとアプリ埋め込みでアプリと連携します。どちらもテーマにコードを書き込まないため、テーマのファイルを誰も編集していなければ、アプリを削除してもコードは残りません。

アプリブロックとアプリ埋め込み

  • アプリブロック は、セクションの中の好きな位置に置くアプリです。テーマエディターでセクションを選び、ブロックを追加 > アプリ からアプリを選びます。アプリブロックには、そのセクションのページ幅・余白・配色が引き継がれます。ブロックの中の見た目はアプリ側の仕様によります。
  • アプリ埋め込み は、チャットのボタンや計測のスクリプトなど、全ページで動くアプリです。テーマエディターの左サイドバーの アプリ埋め込み でオン・オフします。

両方の方法があるアプリでは、アプリブロックを選ぶのがおすすめです。置いたページでしか読み込まれないためです(表示を速くするには)。

アプリブロックを置けるセクション

場所セクション
どのページにもアプリの外枠(アプリを単独で置く枠)、自由に組めるセクション、ヒーロー、おすすめコレクション、おすすめ商品 1つ、ニュースレター、ランキング、最近見た商品、お客様の声、レビュー(アプリの置き場所と星の要約)
商品ページ商品ページ(メイン)、商品の補足情報(仕様・成分・栄養・使い方)、関連商品・おすすめ、一緒に買う商品
コレクション・検索・一覧コレクション(商品グリッド)、検索ページ、コレクション一覧のページ
カートカート(ページ)、カートのドロワー
ブログと固定ページブログ、記事、ページ
ヘッダー・フッター・ポップアップお知らせバー、フッター、ランチャー(端のボタンから開くドロワー)。ヘッダーには専用の アプリ ブロックがあります
そのほか404(ページが見つかりません)、パスワード(公開前)

よく使うアプリと置き場所

アプリKyoto での使い方
商品レビュー商品情報の下に レビュー(アプリの置き場所と星の要約) セクションを追加し、その中にアプリのブロックを置きます。アプリが Shopify 標準のレビュー用メタフィールドに保存した評価は、商品カード(テーマ設定 > 商品カード の レビューの星を表示)と レビューの星と件数 ブロックにも星で表示されます。
絞り込みShopify 標準の絞り込みを使います。表示する項目は Shopify Search & Discovery アプリで選びます(コレクションページ)。
一緒に買われている商品Shopify Search & Discovery で設定すると、補完商品(一緒に使う商品) ブロックと 一緒に買う商品 セクションに表示されます。
定期購入・予約販売定期購入や予約販売のアプリのプランは、商品ページの 購入方法(定期購入・予約) ブロックに表示されます。
翻訳商品やページの翻訳には Translate & Adapt などの翻訳アプリを使います。Kyoto 自体の文言は翻訳済みです(言語)。
SNS のフィードフィード表示用アプリのブロックを、アプリの外枠 セクションなど、アプリを置けるセクションに配置します。

アプリの説明に「テーマにコードを貼り付ける」手順がある場合は、アプリの開発元にアプリブロックで使えるかを問い合わせてください。テーマのファイルに貼り付けたコードは、Kyoto をアップデートすると引き継がれません。