メニュー ナビゲーション

4. EC + SC (EN).png

オンラインストアのメニューナビゲーションを強化するために、ページ、商品カテゴリ、ブログ投稿、さらには他の外部リンクを追加して、顧客が興味のあるページへのショートカットを提供できます。

この記事では、以下の内容を扱います:

 

1. 一般的なメニューナビゲーション管理

メニューナビゲーションは、ストアページの上部に表示されます。

ページ

ストアに事前に設定されたページを表示します。詳細については、ページ管理を参照してください。

商品カテゴリ

選択したカテゴリの商品の表示。詳細については、商品カテゴリの設定を参照してください。

ブログ投稿

ストアのブログ投稿を表示します。詳細については、以下を参照してください:

[近日公開] ブログカテゴリ

ブログのための記事カテゴリを表示します。詳細については、記事カテゴリ|ブログを参照してください。

外部リンク

Facebookページなど、他のウェブサイトへのリンク。

プロモーションキャンペーンページ

プロモーションキャンペーンのイベントページを表示します。詳細については、プロモーションページ設定を参照してください。

 

Screenshot 2025-10-23 at 3.23.10 PM.png

*注意:

  • ソーシャルコマースプランでは、現在メニューの追加や削除はサポートされていません。編集のみが可能です。
  • メインメニューの位置と表示は、テーマテンプレートによって異なる場合があります。

 

SHOPLINE管理画面で、[オンラインストアデザイン] > [メニューナビゲーション] > [基本メニュー]に移動し、編集をクリックします。

Screenshot 2025-10-23 at 3.11.19 PM.png

 

i. メニューの順序を変更するにはドラッグします

Screenshot_2023-04-19_at_5.10.37_PM.pngをドラッグして、メニューの並び順を変更します。

Screen Recording 2025-10-23 at 3.14.23 PM.mov.gif

 

ii. 新しいメニュー項目を追加する

追加をクリックして、各セクションに新しいメニュー項目を作成します。種類は6つあります:ページ、商品カテゴリ、ブログ投稿、[近日公開]、ブログカテゴリ、外部リンク、プロモーションページ。

Screenshot 2025-10-23 at 3.16.22 PM.png

 

2. サブメニュー

ウェブサイトにより多くのコンテンツを表示するために、サブメニュー項目を追加できます。

submenu_2023_EN.png

 

メニューの順序を変更するにはドラッグします

項目の左側にあるをクリックして、上の項目のサブメニュー項目にします。

change_menu_order_EN.png

 

サブメニュー項目をプライマリメニュー項目に戻すには、をクリックします。

reverse_menu_EN.png

 

3. 第三層メニュー

ストアに第三層メニューを設定して、さらに多くの情報を表示できます。

*Note: この機能は、Ultra Chic、Kingsman、Doris Bien、Bianco、Sangria、Skya、Varm、Philia、および後に発表される新しいテーマテンプレートでのみ利用可能です。

third_layer_menu.png

 

ステップ1. プランを確認する

SHOPLINE管理画面で、[こんにちは、OOO] > [定期購入と請求]に移動して、現在のプランとモジュールの詳細を確認します。

「有料定期購入」の下にプランとモジュールがあります。まず、ストアがe-Commerceまたはソーシャルコマースプランを使用しているか確認してください。そうであれば、ステップ3に進んでください。

line1.png

Basic、Advanced、Premium、O2O、またはエンタープライズプランを使用している場合(以下に示す)。ストアがO2O またはエンタープライズプランを使用しているか確認してください。

line2.png
 

 

ステップ2. アプリをインストールする

正しいプランを確認した後、SHOPLINE管理画面の左側のメニューで[アプリ] > [アプリストア]に移動し、 "3層ナビゲーション"アプリケーションを検索してインストールします。

_____2020-01-22___11.52.02.png_____2020-01-22___11.52.11.png

 

ステップ3. 第三層メニューを設定する

アプリがインストールされたら、[オンラインストアデザイン] > [メニューナビゲーション]に移動し、をクリックするか、第二層メニューの右側にドラッグしてメニューを第三層に移動できます。

mceclip1.png

 

4. メニューの位置

オンラインメニューのナビゲーションのロケーションと配置を調整するには、お知らせバナー / ヘッダー設定 | ショップビルダーをご覧ください。

*Note:現在、Ultra Chic、Kingsman、Varm、およびPhiliaテーマテンプレートで利用可能なSHOP Builderでメニューの位置を調整してください。

menu_location_EN_.png

 

 

続きを読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な情報が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント