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

メガメニュービルダー

Mega Menu Builderアプリを使用すると、ストアのナビゲーションメニューを迅速に作成できます。カスタムおよびパーソナライズされた設定を使用して、ストアのスタイルに合ったメガメニューを構築できます。

このアプリを使用すると、以下のことができます:

  • 事前に設計されたテンプレートと無制限のメニューアイテムを使用して、簡単かつ迅速に大きなメニューを作成します。
  • さまざまなデザインカスタマイズを通じてストアデザインを向上させ、ストアをよりユニークにします。
  • 明確で柔軟なナビゲーションを提供し、ユーザーのショッピング体験を向上させます。
  • さまざまなメニュースタイルを使用して、注目商品や割引活動をプロモーションし、売上を向上させます。

 

目次

 


 

メニューの作成

  1. アプリのインストール: SHOPLINEアプリストアで、Mega Menu Builder アプリをインストールできます。
    1.1.png
  2. メガメニューの作成: 現在サポートされている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. アプリ内では、メニュー分割 / メニュー折りたたみ ナビゲーションレイアウトはサポートされていません。このようなレイアウトを適用すると、メニューが異常に表示されます。
    SHOPLINE - オンラインストア > デザイン に移動すると、デザイン を選択してテーマデザインページに入り、その後 ヘッダー を選択して対応するナビゲーションレイアウトを変更できます。
    テーマデザインでヘッダー設定を変更した後、メガメニュープレビューエフェクトは表示されません。 保存 をクリックしてからストアに移動してメガメニューの表示効果を確認できます。
  2. 現在、垂直メニューはスクロール表示に対応していません。そのため、異常な表示を避けるためにデータアイテムをあまり設定しないでください。
  3. Brooklynテーマテンプレートメニューでは、多くのメニューアイテムを設定すると、メニューの高さが過剰になり異常な表示が発生する可能性があります。そのため、Brooklynテーマテンプレートの場合は、あまり多くのメニューアイテムを設定しないでください。
他にご質問がございましたら、リクエストを送信してください

コメント