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

メニュー項目を編集する

項目のタイトル、リンク、アイコン、色、バッジ、サブメニュー、表示設定を変更したり、項目を複製、移動、削除したりします。

リファレンス すべてのプラン 6 分で読めます

各項目には、項目を編集 パネルに専用の設定があります。この設定は、その項目に限り、メニュー全体のデザインより優先されます。

項目の設定を開く

  1. 項目を編集をクリックする

    プレビューまたは 要素 ツリーで項目にカーソルを合わせ、項目を編集(鉛筆アイコン)をクリックします (1)。パネルが左側に開きます (2)。

    (1) 項目を編集をクリック、(2) 項目の設定が左側に開く
  2. 設定を変更する

    以下のセクションを使って設定します。ツリーに戻るには、項目を編集 の横にある ‹ をクリックします。

  3. 保存して公開する

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

一般

アイコン
タイトルの前に表示するアイコンです。ライブラリから アイコンを選択 するか、独自の画像を アップロードアイコン で追加します。メニュー項目にアイコンを追加するをご覧ください。
タイトル
メニューに表示されるテキストです(100文字まで)。
リンク
項目の移動先です。ストアのページを選ぶか、URLを貼り付けます。その下に 新しいタブで開く が表示され、コレクションの場合は タグでコレクションをフィルタリングする(オプション) も表示されます。リンク先に指定できるものとリンクのオプションをご覧ください。
説明
タイトルの下に表示される短い1行です。空欄にすると非表示になります。

カラー

Sale 項目を赤にするなど、1つの項目を目立たせます。項目の色は ハイライト 機能の一部です。ほかのプランではフィールドが無効になり、アップグレードへのリンクが表示されます。

文字色デフォルト: #FFFFFF00Pro
項目の文字色です。
背景色デフォルト: #FFFFFF00Pro
項目の背景です。
Hover text color(ホバー時の文字色)デフォルト: #FFFFFF00Pro
ホバー時の文字色です。
Hover background color(ホバー時の背景色)デフォルト: #FFFFFF00Pro
ホバー時の背景です。

#FFFFFF00 は完全な透明で、「メニューの通常の色を使用する」という意味です。設定をクリア で4つすべてがリセットされます。

バッジ

New、Hot、-50% などの小さなラベルです。バッジ のトグルをオンにすると設定が表示されます。トップレベルの項目では、バッジはタイトルの上に表示されます。

バッジの設定
バッジのタイトルPro
バッジのテキストです(例: New)。バッジは、この欄が空でない場合にのみ表示されます。言語ごとに翻訳できます。
バッジの文字色デフォルト: #FFFFFFPro
バッジの文字色です(白)。
バッジの背景色デフォルト: #0693E3Pro
バッジの背景です(青)。
メニューバーに表示されたバッジ

サブメニュー

項目にサブメニューがある場合、ここで 種類、幅と配置、コンテンツの配置、背景色、背景画像 を変更できます。選べるオプションは種類によって異なります。ドロップダウンの設定とメガメニューのパネルレイアウトをご覧ください。

表示設定

項目を表示する対象と時期を選択します。複数を選択することもできます。

表示設定
デスクトップで非表示
モバイル専用にします(例: Call us リンク)。
モバイルで非表示
デスクトップ専用にします(例: 小さな画面に向かない幅の広いメガメニュー)。
ログイン時は非表示
ゲストのみに表示します(例: Create an account)。
ログイン時のみ表示
ログイン中の顧客のみに表示します(例: Wholesale や My orders)。
公開を予約
開始日 / 開始時刻 と 終了日 / 終了時刻 の間(またはどちらか一方)にのみ表示します。時刻はストアのタイムゾーンで指定します。終了は未来で、開始より後である必要があります。メニューと項目をスケジュールするをご覧ください。

詳細設定

追加のクラス名
カスタムCSS用の独自のCSSクラスです。ドットを付けずに入力します(例: sale-item)。

複製、移動、削除

  • 項目を複製 — 項目のすぐ下に、サブメニュー全体を含めてコピーします。
  • 項目を削除 — 確認後、項目とそのすべてのサブメニューを削除します。
  • 移動 — 要素 ツリーで項目をドラッグし、保存 と 公開 をクリックします。

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

問題を報告