アプリ
Kyoto は、Shopify 標準の 2 つの方法、アプリブロックとアプリ埋め込みでアプリと連携します。どちらもテーマにコードを書き込まないため、テーマのファイルを誰も編集していなければ、アプリを削除してもコードは残りません。
アプリブロックとアプリ埋め込み
- アプリブロック は、セクションの中の好きな位置に置くアプリです。テーマエディターでセクションを選び、ブロックを追加 > アプリ からアプリを選びます。アプリブロックには、そのセクションのページ幅・余白・配色が引き継がれます。ブロックの中の見た目はアプリ側の仕様によります。
- アプリ埋め込み は、チャットのボタンや計測のスクリプトなど、全ページで動くアプリです。テーマエディターの左サイドバーの アプリ埋め込み でオン・オフします。
両方の方法があるアプリでは、アプリブロックを選ぶのがおすすめです。置いたページでしか読み込まれないためです(表示を速くするには)。
アプリブロックを置けるセクション
| 場所 | セクション |
|---|---|
| どのページにも | アプリの外枠(アプリを単独で置く枠)、自由に組めるセクション、ヒーロー、おすすめコレクション、おすすめ商品 1つ、ニュースレター、ランキング、最近見た商品、お客様の声、レビュー(アプリの置き場所と星の要約) |
| 商品ページ | 商品ページ(メイン)、商品の補足情報(仕様・成分・栄養・使い方)、関連商品・おすすめ、一緒に買う商品 |
| コレクション・検索・一覧 | コレクション(商品グリッド)、検索ページ、コレクション一覧のページ |
| カート | カート(ページ)、カートのドロワー |
| ブログと固定ページ | ブログ、記事、ページ |
| ヘッダー・フッター・ポップアップ | お知らせバー、フッター、ランチャー(端のボタンから開くドロワー)。ヘッダーには専用の アプリ ブロックがあります |
| そのほか | 404(ページが見つかりません)、パスワード(公開前) |
よく使うアプリと置き場所
| アプリ | Kyoto での使い方 |
|---|---|
| 商品レビュー | 商品情報の下に レビュー(アプリの置き場所と星の要約) セクションを追加し、その中にアプリのブロックを置きます。アプリが Shopify 標準のレビュー用メタフィールドに保存した評価は、商品カード(テーマ設定 > 商品カード の レビューの星を表示)と レビューの星と件数 ブロックにも星で表示されます。 |
| 絞り込み | Shopify 標準の絞り込みを使います。表示する項目は Shopify Search & Discovery アプリで選びます(コレクションページ)。 |
| 一緒に買われている商品 | Shopify Search & Discovery で設定すると、補完商品(一緒に使う商品) ブロックと 一緒に買う商品 セクションに表示されます。 |
| 定期購入・予約販売 | 定期購入や予約販売のアプリのプランは、商品ページの 購入方法(定期購入・予約) ブロックに表示されます。 |
| 翻訳 | 商品やページの翻訳には Translate & Adapt などの翻訳アプリを使います。Kyoto 自体の文言は翻訳済みです(言語)。 |
| SNS のフィード | フィード表示用アプリのブロックを、アプリの外枠 セクションなど、アプリを置けるセクションに配置します。 |
アプリの説明に「テーマにコードを貼り付ける」手順がある場合は、アプリの開発元にアプリブロックで使えるかを問い合わせてください。テーマのファイルに貼り付けたコードは、Kyoto をアップデートすると引き継がれません。