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

クイックスタート

最初のメニューを作成して公開し、ストアフロントで確認するまでを約5分で行います。

ハウツーガイド すべてのプラン 5 分で読めます

アプリを初めて使う方は、まずはじめにで概要をご確認ください。

最初のメニューを公開する

  1. メニューを作成する

    ホーム で メガメニューを追加 をクリックします(または メニューマネージャー > メニューを作成 > メガメニュー)。作成方法を選び (1)、メニューを作成 (2) をクリックします。詳しくはメニュー作成のオプションをご覧ください。

    メニュー作成ダイアログ: (1) 作成方法を選ぶ、(2) メニューを作成をクリック
  2. メニューを編集する

    メニューエディターで、項目、サブメニュー、ブロックを追加し、フォントとカラーを調整します。保存 をクリックします。各パネルの詳細はメニューエディターをご覧ください。

    (1) トップバー、(2) サイドバーのタブ、(3) ライブプレビューの項目ツールバー、(4) 下部ツールバー
  3. メニューを公開する

    右上の 公開 をクリックします(未保存の変更は先に保存されます)。テーマを選択 (1) でテーマを選び、公開 (2) をクリックします。お客様に表示される前に確認したい場合は、先に プレビュー をクリックします。

    メニューの公開ダイアログ: (1) テーマを選択、(2) プレビューと公開
  4. アプリの埋め込みを有効にする

    埋め込みがオフの場合、ダイアログは開いたままになり、アプリ埋め込み設定へ が表示されます(または ホーム の アプリのステータス バナーで 有効化 をクリックします)。テーマエディターで Mega menu (1) をオンにし、保存 (2) をクリックします。

    テーマエディター: (1) Mega menuのトグル、(2) 保存
  5. ストアフロントを確認する

    ストアを開き、デスクトップとモバイルでメニュー項目にカーソルを合わせる(またはタップする)と動作を確認できます。公開の反映には数分かかる場合があるため、変更が表示されない場合は更新してください。

メニュー作成のオプション

おまかせで作成デフォルト: おすすめ
ストアにすでにあるナビゲーションからメニューを作成します。Shopifyメニュー のリストで、コピーするナビゲーションを選択します(通常は メインメニュー)。
サンプルメニューデフォルト: 選択済み
サンプルの項目を含むメニューを作成し、手動で編集します。色とフォントを現在のテーマに合わせる にチェックを入れている場合は、新しいメニューは項目なしで始まります。サンプルの項目が必要な場合は、チェックを外してください。
色とフォントを現在のテーマに合わせるデフォルト: 選択済み
テーマのカラーとフォントを再利用します。対応しているテーマでのみ動作し、それ以外のテーマにはアプリの既定のスタイルが適用されます。

迷った場合は おまかせで作成 を選んでください。既存のナビゲーションから始めて、その上にサブメニューやブロックを追加できます。

トラブルシューティング

新しいメニューに項目がない

おまかせで作成 を選んだときに、選択したShopifyメニューに項目がない場合、アプリは「That Shopify menu is empty, so the sample menu was created instead.」と表示し、新しいメニューは項目なしで始まります。サンプルメニュー を選び、色とフォントを現在のテーマに合わせる にチェックを入れている場合も、メニューは項目なしで始まります。エディターで項目を追加するか、メニューを削除して、項目のあるナビゲーションで作成し直してください。

Shopifyのナビゲーションの変更がメニューに反映されない

おまかせで作成 はナビゲーションを一度だけコピーします。Shopifyの ナビゲーション での変更は、その後アプリのメニューには同期されません。アプリでメニューを編集してください。

メニューが違う場所に表示される

エディターで 設定 > 位置 を変更し、もう一度 保存 と 公開 をクリックします。どの位置を使えばよいですか?をご覧ください。

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

問題を報告