オンラインストアのメニュー項目を追加、削除、または編集する

オンラインストアとお客様アカウントのメニューにメニュー項目を追加して、ストアのメニューを構築できます。メニュー項目は、商品、コレクション、ウェブページ、ブログ記事、ポリシー、お客様アカウントページ、または他のウェブサイトへのリンクです。メニュー項目を削除または編集することもできます。

ほとんどの場合、リンクを設定する前に項目を作成する必要があります。たとえば、メニューにコレクションを追加するには、事前にコレクションを作成する必要があります。

ストアのメニューで使用しているリソースを削除すると、関連するメニュー項目もすべて削除されます。たとえば、[セール中] というメニュー項目で使用しているコレクションを削除すると、そのコレクションとメニュー項目の両方が削除されます。

オンラインストアのメニューは、Shopify 管理画面の [コンテンツ] > [メニュー] から表示および変更できます。

メニュー項目を追加する

以下のリンクタイプのメニュー項目を追加できます。

メニューのリンクタイプとその説明
リンクタイプ説明
ホームページオンラインストアのホームページ
検索オンラインストアの検索ページ
コレクション特定のコレクションまたはすべてのコレクション
商品特定の商品またはすべての商品
ページオンラインストアのウェブページ
ブログオンラインストアのブログ
ブログ記事オンラインストアの特定のブログ記事
ポリシーストアポリシーのいずれか
お客様アカウント以下のお客様アカウントページのいずれかへのリンク:
    - 注文:お客様の注文ページ
    - プロフィール:お客様のプロフィールページ
    - 設定:お客様の設定ページ
    - アプリ:ロイヤリティアプリやサブスクリプションアプリなど、顧客体験に関連するアプリのページ
外部ページ[ページを検索するか、URL を貼り付ける] フィールドに追加できる、外部ウェブサイトのウェブサイトアドレスです。URL を追加する際は、ドロップダウンにリンク先が表示されるまで待ってから、それを選択してください。ドロップダウンから選択せずに URL を貼り付けた後に Enter キーを押したり保存したりすると、リンクは追加されず、無効な URL のエラーが発生する場合があります。
メールリンクメールリンクを作成するには、[ページを検索するか、URL を貼り付ける] フィールドで mailto:youremail@example.com の形式を使用します。

手順:

デスクトップ
  1. Shopify 管理画面で、[コンテンツ] > [メニュー] に移動します。

  2. [メニュー] ページで、編集するメニューのタイトルをクリックします。

  3. [メニュー項目を追加] をクリックします。

  4. メニュー項目の名前を入力します。この名前はメニューに表示され、特殊文字や絵文字を含めることができます。

  5. [リンクを検索または貼り付け] フィールドをクリックし、外部ウェブサイトのアドレスを入力するか、リンクタイプを選択します。

  6. 特定のコレクションを選択した場合、タグでコレクションを絞り込み、入力したすべてのタグに一致する商品のみを表示できます。

  7. [商品][ページ] などのリンクタイプを選択した場合は、特定のリンク先を選択します。[ホームページ] を選択すると、リンク先は自動的にオンラインストアのホームページに設定されます。

  8. リンクタイプと特定のリンク先を選択すると、すでに名前を入力している場合を除き、商品名やページタイトルなど、リンク先の名前が [名前] フィールドに自動的に入力されます。

  9. [追加] をクリックしてメニュー項目を追加します。

  10. [保存] または [メニューを保存] をクリックします。

モバイル
  1. Shopify アプリから、Menu アイコンをタップします。

  2. [コンテンツ] メニューで、arrow down アイコンをタップし、[メニュー] をタップします。

  3. [メニュー] ページで、編集するメニューのタイトルをタップします。

  4. [メニュー項目を追加] をタップします。

  5. メニュー項目の名前を入力します。この名前はメニューに表示され、特殊文字や絵文字を含めることができます。

  6. [リンクを検索または貼り付け] フィールドをタップし、外部ウェブサイトのアドレスを入力するか、リンクタイプを選択します。

  7. 特定のコレクションを選択した場合、タグでコレクションを絞り込み、入力したすべてのタグに一致する商品のみを表示できます。

  8. [商品][ページ] などのリンクタイプを選択した場合は、特定のリンク先を選択します。[ホームページ] を選択すると、リンク先は自動的にオンラインストアのホームページに設定されます。

  9. リンクタイプと特定のリンク先を選択すると、すでに名前を入力している場合を除き、商品名やページタイトルなど、リンク先の名前が [名前] フィールドに自動的に入力されます。

  10. [追加] をタップしてメニュー項目を追加します。

  11. [保存] または [✓] をタップします。

メニュー項目を編集する

メニューの編集中は、追加、編集、削除、移動などの各アクションが、1 件の変更としてカウントされます。変更が 200 件に達すると、メニューの変更を保存するまで、それ以上のアクションが制限されます。[保存] ボタンをクリックまたはタップすると、カウンターがリセットされます。変更の上限に達しないように、メニューの変更は頻繁に保存してください。

手順:

デスクトップ
  1. Shopify 管理画面で、[コンテンツ] > [メニュー] に移動します。

  2. 項目が含まれているメニューの名前をクリックします。

  3. [メニュー項目] セクションで、項目の名前の横にある [編集] をクリックします。

  4. 変更を加えます。

    • メニュー項目の名前を変更するには、[名前] フィールドにテキストを入力します。
    • メニュー項目のリンク先を変更するには、リンクフィールドの横にある x をクリックし、新しいリンク先を入力または選択します。
  5. [変更を適用] をクリックします。

  6. [保存] または [メニューを保存] をクリックします。

モバイル
  1. Shopify アプリから、Menu アイコンをタップします。

  2. 「コンテンツ」メニューで、arrow down アイコンをタップし、「メニュー」をタップします。

  3. アイテムが含まれているメニューの名前をタップします。

  4. 「メニュー項目」セクションで、アイテム名の横にある「編集」をタップします。

  5. 変更を加えます。

    • メニュー項目の名前を変更するには、[名前] フィールドにテキストを入力します。
    • メニュー項目のリンク先を変更するには、リンクフィールドの横にある x をタップし、新しいリンク先を入力または選択します。
  6. 「変更を適用する」をタップします。

  7. [保存] または [✓] をタップします。

メニュー項目の表示順を変更する

管理画面の 「コンテンツ」 > 「メニュー」 で、メニュー項目の表示順を確認できます。オンラインストアでは、メニュー項目がこの一覧の順序で表示されます。

手順:

デスクトップ
  1. Shopify 管理画面で、[コンテンツ] > [メニュー] に移動します。

  2. 並べ替えたいメニューのタイトルをクリックします。

  3. メニュー項目の横にあるハンドルアイコン (⠿) をクリックしたまま、メニュー項目を別の位置にドラッグします。

  4. [保存] または [メニューを保存] をクリックします。

モバイル
  1. Shopify アプリから、Menu アイコンをタップします。

  2. 「コンテンツ」メニューで、arrow down アイコンをタップし、「メニュー」をタップします。

  3. 並べ替えたいメニューのタイトルをタップします。

  4. メニュー項目の横にあるハンドルアイコン (⠿) を長押しして、メニュー項目を別の位置までドラッグします。

  5. [保存] または [✓] をタップします。

メニュー項目を削除する

メニュー項目を削除すると、オンラインストアのメニューからその項目が削除されます。削除するメニュー項目の下にドロップダウンメニューで項目がネストされている場合、それらのネストされた項目とドロップダウンメニューも一緒に削除されます。

手順:

デスクトップ
  1. Shopify 管理画面で、[コンテンツ] > [メニュー] に移動します。

  2. 削除したいメニュー項目の行にカーソルを合わせ、ゴミ箱アイコンをクリックします。

  3. 「削除」をクリックして確定します。

  4. [保存] または [メニューを保存] をクリックします。

モバイル
  1. Shopify アプリから、Menu アイコンをタップします。

  2. 「コンテンツ」メニューで、arrow down アイコンをタップし、「メニュー」をタップします。

  3. 削除したいメニュー項目の横にある「削除」をタップします。

  4. 「削除」をタップして確定します。

  5. [保存] または [✓] をタップします。