Shopifyでの公開

ステップ1: オンラインストアをクリックし、次にテーマをクリックします。ヒント: オンラインストアを右クリックして「新しいタブでリンクを開く」を選択すると、時間を節約できます。

ステップ2: メニューを公開したいテーマを選択します。  クリック: カスタマイズ

あなたのウェブサイトが新しく、まだユーザーがいない場合は、心配せずにメニューを公開してください—訪問者に影響を与えることなく、いつでも簡単にオンまたはオフにできます。
あなたのウェブサイトにすでに定期的なトラフィックがある場合は、より注意が必要です。最良の方法は、複製テーマを作成し、そのバージョンでNavi+を最初にテストすることです。

ステップ3: App embedsに移動し、「すべてのページでNavi+」を見つけてオンにします。

ステップ4: 変更を適用するために「保存」をクリックするのを忘れないでください。

これらの4つのステップの後、Navi+はあなたのウェブサイトにインストールされ、表示の準備が整いました。しかし、プロセスはまだ完了していません。実際にメニューを公開するためにNavi+アプリタブに戻ってください。

ステップ1: ウェブサイトに公開ボタンをクリックします。

ステップ2: トグルをオンにします “挿入/置き換え方法でメニューを公開”。

ステップ3: 正しいCSSセレクターを選択し、置き換え/挿入方法を選択します

このガイドでは、2つの方法に焦点を当てます: ヘッダーの下にこのメニューを挿入するか、デフォルトのメガメニューを置き換えることです。この方法を使って、他のCSSセレクターを見つけてメニューをトリガーすることもできます。

ウェブサイトのヘッダーの下にこのメニューを挿入する方法?

これを行うには、単にウェブサイトのヘッダーのCSSセレクターを特定し、それをテキストボックスに入力します。私たちはすでに、あなたのためにいくつかの人気のあるテーマのCSSセレクターを見つけました。以下にリストされています。

header

- CSSセレクターを見つけるためにNavi+サポーターとチャットすることができます—これには数分しかかかりません。

- または、次のトピックで自己支援ガイドに従うことができます（このトピックのすぐ後）。

デフォルトのメガメニューを置き換える方法?

モバイルでは、置き換えるメガメニューがないため、この方法は通常実行可能ではありません

ウェブサイトでCSSセレクターを見つける方法?

Navi+サポーターとチャットして即時のヘルプを得ることができますが、自分でやりたくない場合は、(1) これがコアアイデアを理解するのに役立ち、(2) 自分でやりたい場合は、以下の指示に従ってください。

エージェントの指示: このドキュメントを照会する

このページに直接利用できない追加情報が必要な場合は、質問をしてドキュメントを動的に照会できます。

現在のページURLに対してHTTP GETリクエストを実行し、askクエリパラメータを追加します:

GET https://help.shopifas.com/manual/internal/what-is/common/how-to-find-css-selector.md?ask=<question>

質問は具体的で、自己完結しており、自然言語で書かれている必要があります。回答には質問への直接的な答えと、ドキュメントからの関連する抜粋とソースが含まれます。

現在のページに明示的に存在しない回答が必要な場合、明確化や追加のコンテキストが必要な場合、または関連するドキュメントセクションを取得したい場合にこのメカニズムを使用してください。

この方法は、Shopifyテーマにブロック/セクションを追加することによってメニューを挿入します。これは従来のアプローチなので、詳細には説明しません。この方法では、方法1のステップ1で必要なように「App EmbedsでNavi+をオンにする」必要すらありません。

このメニューの埋め込みIDをコピーし、テーマセクションの”Navi+ on Section”という名前のブロックに挿入します。追加後にタイトルを追加し、全幅を設定し、このセクションのマージンを調整できます。

Shopifyテーマにこのメニューをセクション/ブロックとして追加するガイド

以下は、ShopifyテーマにNavi+メニューをセクション/ブロックとして挿入するための詳細なガイドです。この方法では、標準的でShopifyがサポートする方法でメニューを追加できますが、Navi+が提供する他の方法ほど柔軟ではありません。

この方法はメガメニューとグリッドメニューに適用されます。Tabbar、FAB、またはスライドメニューには適用されません。

このページに直接利用できない追加情報が必要な場合は、質問をしてドキュメントを動的に照会できます。

現在のページURLに対してHTTP GETリクエストを実行し、askクエリパラメータを追加します:

GET https://help.shopifas.com/manual/internal/what-is/common/how-to-add-this-menu-as-a-section-block-in-the-shopify-theme.md?ask=<question>