Publish Section — Mega Menu と Grid

対象：Mobile Mega Menu、Mobile Grid、Desktop Mega Menu

Section メニューはフローティングではありません — ページレイアウトの特定の位置に挿入されます。2 つのデプロイ方法があり、同時に使用することも可能です：

	方法 1：Insert/Replace	方法 2：App Block
プラットフォーム	Shopify + グローバル	Shopify のみ
メカニズム	CSS Selector → 要素の前/後に挿入または置き換え	Theme Editor の App Block「Navi+ on Section」
柔軟性	高 — どこにでも埋め込み可能	中 — Shopify セクションスキーマによる制限
セットアップ	CSS Selector の知識が必要	Embed ID を入力するだけ

方法 1：CSS Selector による Insert/Replace

推奨方法 — Shopify とグローバルの両方で動作します。

Shopify： Theme Editor → App Embeds → Navi+ を有効化。一度のみ。

グローバル： <head> に貼り付け：

<script>(window._navi_setting ||= []).push({
  token: "YOUR_NAVI_TOKEN"
});</script>
<script src="https://live.naviplus.app/start.js" async></script>

トグルを有効にして、下の設定セクションを展開します。

1 つの CSS Selector を入力します。メニューは一致した要素に対して相対的に配置されます。

デバイス別の構文：

人気の Shopify テーマ向け CSS Selector のヒント：

メニュータイプ	目的	推奨 CSS Selector
Desktop Mega	デスクトップナビゲーションを置き換え	`nav.header__inline-menu ul.list-menu`
Desktop Mega	ヘッダー下に挿入	`header`
Mobile Mega	モバイルヘッダー下に挿入	`header`

Replace を選択した後、Navi+ が読み込まれる間に元の要素を非表示にする CSS を追加することを検討してください — Publish Optimize を参照。

Section メニューをスクロール中にページの上部に固定するトグル。

使用場面： テーマにビルトインのスティッキーヘッダーがない場合、ユーザーがスクロールダウンしても Desktop Mega Menu が表示され続けるようにこれを有効にします。

はい。Shopify ユーザーは両方を有効にできます：

通常は 1 つの方法のみで十分です。

Insert/Replace を設定してもメニューが表示されない？

メニューが 2 回表示される（重複）？ → App Block と Insert/Replace の両方が同時に有効になっています。どちらか一方を無効にします。