各項目には、項目を編集 パネルに専用の設定があります。この設定は、その項目に限り、メニュー全体のデザインより優先されます。
項目の設定を開く
-
項目を編集をクリックする
プレビューまたは 要素 ツリーで項目にカーソルを合わせ、項目を編集(鉛筆アイコン)をクリックします (1)。パネルが左側に開きます (2)。
(1) 項目を編集をクリック、(2) 項目の設定が左側に開く -
設定を変更する
以下のセクションを使って設定します。ツリーに戻るには、項目を編集 の横にある ‹ をクリックします。
-
保存して公開する
保存、続いて 公開 をクリックします。
一般
- アイコン
- タイトルの前に表示するアイコンです。ライブラリから アイコンを選択 するか、独自の画像を アップロードアイコン で追加します。メニュー項目にアイコンを追加するをご覧ください。
- タイトル
- メニューに表示されるテキストです(100文字まで)。
- リンク
- 項目の移動先です。ストアのページを選ぶか、URLを貼り付けます。その下に 新しいタブで開く が表示され、コレクションの場合は タグでコレクションをフィルタリングする(オプション) も表示されます。リンク先に指定できるものとリンクのオプションをご覧ください。
- 説明
- タイトルの下に表示される短い1行です。空欄にすると非表示になります。
カラー
Sale 項目を赤にするなど、1つの項目を目立たせます。項目の色は ハイライト 機能の一部です。ほかのプランではフィールドが無効になり、アップグレードへのリンクが表示されます。
- 文字色
- 項目の文字色です。
- 背景色
- 項目の背景です。
- Hover text color(ホバー時の文字色)
- ホバー時の文字色です。
- Hover background color(ホバー時の背景色)
- ホバー時の背景です。
#FFFFFF00 は完全な透明で、「メニューの通常の色を使用する」という意味です。設定をクリア で4つすべてがリセットされます。
バッジ
New、Hot、-50% などの小さなラベルです。バッジ のトグルをオンにすると設定が表示されます。トップレベルの項目では、バッジはタイトルの上に表示されます。
- バッジのタイトル
- バッジのテキストです(例:
New)。バッジは、この欄が空でない場合にのみ表示されます。言語ごとに翻訳できます。 - バッジの文字色
- バッジの文字色です(白)。
- バッジの背景色
- バッジの背景です(青)。
サブメニュー
項目にサブメニューがある場合、ここで 種類、幅と配置、コンテンツの配置、背景色、背景画像 を変更できます。選べるオプションは種類によって異なります。ドロップダウンの設定とメガメニューのパネルレイアウトをご覧ください。
表示設定
項目を表示する対象と時期を選択します。複数を選択することもできます。
- デスクトップで非表示
- モバイル専用にします(例: Call us リンク)。
- モバイルで非表示
- デスクトップ専用にします(例: 小さな画面に向かない幅の広いメガメニュー)。
- ログイン時は非表示
- ゲストのみに表示します(例: Create an account)。
- ログイン時のみ表示
- ログイン中の顧客のみに表示します(例: Wholesale や My orders)。
- 公開を予約
- 開始日 / 開始時刻 と 終了日 / 終了時刻 の間(またはどちらか一方)にのみ表示します。時刻はストアのタイムゾーンで指定します。終了は未来で、開始より後である必要があります。メニューと項目をスケジュールするをご覧ください。
詳細設定
- 追加のクラス名
- カスタムCSS用の独自のCSSクラスです。ドットを付けずに入力します(例:
sale-item)。
複製、移動、削除
- 項目を複製 — 項目のすぐ下に、サブメニュー全体を含めてコピーします。
- 項目を削除 — 確認後、項目とそのすべてのサブメニューを削除します。
- 移動 — 要素 ツリーで項目をドラッグし、保存 と 公開 をクリックします。
このページは役に立ちましたか?
フィードバックありがとうございます。 足りなかった情報を教える
問題を報告