• Topic 主题 トピック Topic Topic
  • Sign in

メガメニューの基本ガイド

メガメニューアプリは、ストアのナビゲーションメニューを素早く作成できるツールです。カスタム設定とパーソナライズ設定を通じて、ストアのスタイルに合ったメガメニューを構築できます。

このアプリを使用すると、次のことができます。

  • 簡単に大きなメニューを作成:事前にデザインされたテンプレートと無制限のメニュー項目を使用して、簡単かつ迅速に大規模なメニューを作成できます。
  • ストアデザインの向上:様々なデザインカスタマイズを通じて、ストアをよりユニークにすることができます。
  • 顧客のショッピング体験の向上:明確で柔軟なナビゲーションを提供し、顧客のショッピング体験を向上させます。
  • 特定商品のプロモーションと割引イベントの促進:様々なメニュースタイルを使用して、特定商品や割引イベントを促進し、売上を向上させます。

 

目次

 


 

メニューの構築

  1. SHOPLINE管理画面から「アプリ」をクリックします。「メガメニュー」を検索し、インストールします。
  2. インストールが完了したらマイアプリページに戻り、インストールしたアプリをクリックしてアプリのインターフェースにアクセスします。
  3. メガメニューの作成:現在「縦メニュー」、「横メニュー」、「タブメニュー」の、3種類のメガメニューがサポートされています。
    1.2.0.png
    • 縦メニュー:各メニュー項目に最大6レベルのサブメニューを追加できます。メニューは左から右に表示されます。
      1.2.1.png
    • 横メニュー:設定したルールに従ってメニュー項目が水平に表示されるスタイルです。
      1.2.2.png
    • タブメニュー:タブメニューエリアと横メニューエリアで構成されています。各タブは、横メニューの設定に関連付けられています。
      1.2.3.png
  1. メニューオプションの選択:「メニューを追加」をクリックし、必要に応じて事前に設定されたメガメニューテンプレートを選択して、ストアのメガメニューを迅速に作成します。
    1.3.png



    メニューの編集

    このアプリは、テキストアイコン、商品、カテゴリー、画像など、さまざまなメニューのデザインをサポートしています。異なるタイプのメニューは、異なるスタイルで表示できます。

    • テキストアイコン:タイトル、説明、アイコン、および対応するリダイレクトリンクの編集をサポートします。リンクを設定すると、メニューをクリックすることで対応するリンク先に移動します。
    • 商品:ストア内の既存商品をメニュー項目として選択できます。メニューには、商品画像、商品タイトル、商品価格などの情報が表示されます。クリックすると、対応する商品ページに移動します。
    • カテゴリ:ストア内の既存のカテゴリをメニュー項目として選択できます。メニューには、カテゴリのカバー画像とカテゴリタイトルが表示されます。クリックすると、対応するカテゴリページに移動します。
    • 画像:カスタム画像のアップロードをサポートし、画像の位置や幅を設定してカスタム画像メニューをデザインできます。
      2.0.png


    メニュースタイルの設定

    スタイル」をクリックして、設定したメガメニューの全体スタイルを設定します。現在、アプリはモバイル版とPC版のスタイル設定をサポートしており、対応するアイコンをクリックすることでそれぞれのバージョンのスタイルを設定できます。
    2.1.png

 


 

ページ上でのメニューの設定と有効化

メガメニューを作成した後、次の手順でヘッダーにメニューを設定して有効化できます。

  1. スタイルテーマを上書きする に移動して、有効な方法を構成します。 「すべてのテーマに適用」または「上書きするテーマを指定」を選択できます。
  2. アプリ内で「ストアに適用」を有効にします。
    3.2.png
  3. 管理画面に移動して、オンラインストアデザイン に進み、左側の「アプリを埋め込む」タブをクリックし、メガメニューを有効にします。有効にすると、メニューがページに適用されます。
    3.3.png

 


 

設定データの更新

メガメニューを作成した後に商品タイトルや価格などの設定データが更新された場合、最新の設定データをアプリ内で反映するために「データの更新」ボタンをクリックしてください。
4..png

 


 

メニューの翻訳

メニューの内容を翻訳するには、右上の「翻訳」ボタンをクリックします。

  1. 翻訳ボタンをクリックします。
    1 home _ translate.png
  2. 翻訳先の言語を選択し、[自動翻訳] をクリックするか、手動で内容を入力します。
    2 translate feature page.png
  3. サポートされている翻訳先の言語は、多言語への翻訳設定に基づいています。
    設定方法:設定 > 言語 > 多言語への翻訳
    3 setting _ language.png

 


 

アプリとの互換性の問題についての説明

  • 非対応のナビゲーションレイアウト
    アプリ内では、「メニュースプリット」および「メニュー折りたたみ」ナビゲーションレイアウトはサポートされていません。このようなレイアウトを適用すると、メニューが正常に表示されなくなる可能性があります。

  • ナビゲーションレイアウトの変更方法
    SHOPLINEの管理画面から オンラインストア > デザイン に移動し、[デザイン] を選択してテーマデザインページに入ります。次に「ヘッダー」を選択して、対応するナビゲーションレイアウトを変更します。テーマデザインでヘッダー設定を変更した後、メガメニューのプレビュー効果は表示されません。変更を保存した後、ストアにアクセスしてメガメニューの表示効果を確認してください。

  • 縦メニューの制限
    現在、垂直メニューはスクロール表示をサポートしていません。そのため、データ項目を多く設定しすぎると、幅制限を超えて異常な表示が発生する可能性がありますのでご注意ください。

  • Brooklynテーマの注意点
    Brooklynテーマテンプレートでは、メニュー項目を多く設定しすぎると、メニューの高さが過剰になり、異常な表示が発生する可能性があります。そのため、Brooklynテーマテンプレートでは、メニュー項目を適切な数に抑えて設定してください。
他にご質問がございましたら、リクエストを送信してください

コメント