ページ一覧14

Miyabi · Docs

アプリとの連携 / Working with apps

日本語

Miyabi にアプリは含まれていません。アプリのブロックとアプリ埋め込みで、ほかのアプリと組み合わせて使えます。

アプリのブロックを置ける場所

  • ヘッダー(アイコンの並び)・フッター
  • 商品ページの「商品情報」と「商品を大きく見せる」
  • 商品カード: 「商品の一覧」「コレクションのタブ」「関連する商品」と、コレクション・検索のページのセクションにある「商品カード」ブロックに足します。位置は画像の上か価格の下を選べます
  • 「関連する商品」、コレクションのページ(商品の一覧の上)
  • 画像のバナー・スライド・見開きの要素・スクロールで読むストーリーの章・画像と文章・リッチテキストなどのセクションと、「グループ」ブロックの中
  • ページ・ブログ・記事・404・パスワードのページ
  • テーマエディターでそれぞれの「ブロックを追加」から、アプリのブロックを選びます
  • ページ全体に効くアプリ(アプリ埋め込み)は、テーマエディターの「アプリ埋め込み」で有効にします

お気に入り(ウィッシュリスト)

  • アプリのヘッダー用のブロックを「ヘッダー」に足すと、検索やカートと同じ並びにハートが入ります
  • 商品カード用のブロックがあるアプリなら、「商品カード」ブロックに足して、カードにボタンを置けます
  • スマホの下部メニューに、お気に入りのページへのリンクを置けます。項目の「押したときの動作」を「リンク先へ移動」、「アイコン」を「ハート」にします

レビュー

  • 商品カードと商品ページの「評価」ブロックの星は、Shopify の標準のレビュー情報(商品のメタフィールド reviews.rating・reviews.rating_count)を読みます。この情報を書き込むレビューアプリなら、コードを足さずに星が出ます
  • 書き込まないアプリは、そのアプリのブロックを商品カードや商品ページに置いてください
  • レビューの一覧などのブロックは、「商品情報」の中か、その下に置いた「リッチテキスト」セクションなどに足せます

Shopify のアプリと機能

  • 絞り込みの項目と「一緒に買う商品」は、Shopify の Search & Discovery アプリで設定します
  • 定期購入は、定期購入のアプリのブロックを商品ページに置いてください。カートの明細には定期購入の名前が出ます

English

Miyabi doesn't include any apps. It works with other apps through app blocks and app embeds.

Where you can add app blocks

  • Header (among the icons) and footer
  • The Product information section on product pages, and the Featured product section
  • Product cards: add them to the Product card block in the Product list, Collection tabs, and Related products sections, and in the collection and search page sections. You can place them on the image or under the price
  • Related products, and the collection page (above the product grid)
  • Sections such as Image banner, slides, spread items, chapters of Scrolling story, Image with text, and Rich text, and inside Group blocks
  • Pages, blog, blog posts, the 404 page, and the password page
  • In the theme editor, click Add block in one of these places and choose the app's block
  • Apps that work across the whole store (app embeds) are turned on under App embeds in the theme editor

Wishlists

  • Add the app's header block to the Header section to place a heart next to the search and cart icons
  • If the app has a product card block, add it to the Product card block to place a button on cards
  • You can link to your wishlist page from the mobile bottom navigation. Set the item's action to Go to a link and its icon to Heart

Reviews

  • The stars in product cards and in the Rating block on product pages read Shopify's standard review metafields (reviews.rating and reviews.rating_count). If your review app writes these metafields, stars appear without extra code
  • If your app doesn't write them, add the app's own block to product cards or the product page
  • Add review lists and other app blocks inside Product information, or in a section such as Rich text placed below it

Shopify apps and features

  • Filters and complementary products are set up in Shopify's Search & Discovery app
  • For subscriptions, add your subscription app's block to the product page. The cart shows the subscription name on each line item