🔌

【Shopify.dev和訳】Apps/Admin app extensions/Navigation links

2021/09/30に公開

この記事について

この記事は、Apps/Admin app extensions/Navigation linksの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

アプリ拡張機能を使用してナビゲーションリンクを作成する| Create a navigation link with app extensions

ナビゲーションの設定は、パートナーズダッシュボードのあなたのアプリのページにあります。

あなたのアプリが Shopify admin に埋め込まれている場合、あなたのアプリはセカンダリーナビゲーションバーを使用する資格があります。ナビゲーションを設定するには、App setup > Embedded app > Navigation をご覧ください。

埋め込みアプリのナビゲーションには、最大で 6 つのアイテムを含めることができます。これらのナビゲーションアイテムは外部リンクではありません。埋め込みアプリのサブページに誘導する必要があります。

アプリのナビゲーションメニューを設定するには、以下の手順で行います。

  1. ナビゲーションで「Configure」をクリックします。
  2. 新しいリンクを追加するには、Navigation bar ページで「Add navigation link」をクリックします。
  3. 「Name」でメニューアイテムのタイトルを入力します。このタイトルはマーチャントに表示されます。
  4. 「Link」の下に、サブページの URL を入力します。この URL は、アプリと同じソースからのものである必要があります。
  5. 「Save」をクリックすると、メニューアイテムがリストに追加されます。
  6. ナビゲーションメニューの項目の順序を変更するには、項目を希望の順序にドラッグするか、矢印ボタンを使用します。
  7. リンクを削除するには、ゴミ箱のアイコンをクリックします。
  8. ナビゲーションを「Save」して、本番アプリやアプリをインストールしているマーチャントにライブでプッシュします。

アプリのナビゲーションメニューを削除するには、以下の手順に従います。

  1. Navigation の下で Configure をクリックします。
  2. Reset extension」をクリックします。これにより、ライブの本番アプリでアクティブなメニュー項目がすべて削除されます。この変更を行う場合は、マーチャントが必要に応じてアプリのサブページにアクセスするための別の方法(ページ上のリンクや別のナビゲーション構造など)があることを確認してください。
  3. Save」をクリックすると、この変更が保存され、組み込みアプリのナビゲーションバーが消去されます。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Discussion

ログインするとコメントできます