コンテンツにスキップ
アプリをインストール
日本語

メニュー項目を追加する

メニューバーにトップレベルの項目を追加し、ページ、コレクション、商品、URLにリンクします。

ハウツーガイド すべてのプラン 4 分で読めます

トップレベルの項目は、メニューバーに表示されるリンクです(例: Home、Shop、Sale、About)。それぞれが、リンク、画像、商品を含むサブメニューを開けます。

項目を追加する

  1. 項目を追加をクリックする

    メニューマネージャー で カスタマイズ をクリックします。要素 ツリーの下部にある 項目を追加 をクリックするか、プレビューのメニューバー末尾にある + をクリックします。

    Elements ツリーの一番下にある Add items。
  2. タイトルを入力する

    項目を編集 パネルが開きます。タイトル に、買い物客に表示されるテキストを入力します(100文字まで)。

    新しい項目が開きます。タイトル(Title)を入力します。
  3. リンクを選ぶ

    リンク(検索またはリンクを貼り付ける)をクリックしてリンクの種類を選び、ページ、コレクション、商品を選択します。または、リンクを直接入力または貼り付けます。

    リンクフィールドをクリックすると、すべてのリンクの種類が表示されます
  4. リンクのオプションを設定する

    任意です。リンクのオプションをご覧ください。

  5. 保存して公開する

    保存、続いて 公開 をクリックします。

リンク先に指定できるもの

ホーム
ホームページ(/)。
検索
ストアの検索ページ(/search)。
すべてのコレクション
すべてのコレクションを一覧表示するページ(/collections)。
すべての商品
すべての商品(/collections/all)。
コレクション、商品
特定のコレクションまたは商品。検索してクリックします。
ページ、ブログ、ブログ記事
特定のページ、ブログ、ブログ記事。
独自のリンク
/pages/about のようなストア内のパス、#reviews や ?sort_by=price-ascending のようなアンカーまたはクエリ、https:// または http:// で始まる完全なアドレス、mailto:、tel:。

リンクのない項目はラベルとして機能します。サブメニューは開きますが、クリックしても移動しません。ほかのリンクをまとめるだけの Shop 項目などに便利です。

リンクのオプション

これらは、リンクを設定すると リンク の下に表示されます。

新しいタブで開く
リンクを新しいブラウザータブで開きます。ほかのウェブサイトへのリンクに便利です。
タグでコレクションをフィルタリングする(オプション)
コレクションへのリンクのみ。カンマ区切りでタグを入力すると(例: Hats, blue, summer)、それらの商品に絞り込まれた状態でコレクションが開きます。
Clear (⊗)
リンクを削除します。

ヒント

  • 小さな画面でもメニューバーが1行に収まるよう、トップレベルのタイトルは短くしましょう。
  • 項目の下にある サブメニューを追加 をクリックすると、ドロップダウン、メガメニュー、タブを追加できます。
  • アイコン、バッジ、色の追加や、一部のデバイスでの項目の非表示は、メニュー項目を編集するで行えます。
  • 要素 ツリーで項目をドラッグすると、並べ替えられます。

このページは役に立ちましたか?

問題を報告