表示設定 & 条件
編集パネルの 公開 セクションで、誰がアイテムを見るか、いつ、どのページで表示するかを制御できます。
公開済み
デフォルト: オン(全員に表示)。
オフにするとライブメニューからアイテムを削除せずに非表示にできます。
使用場面:
- 季節セールのリンクを一時的に非表示にする。
- ライブ公開前にアイテムを準備する。
- 削除せずにバックアップアイテムを保持する。
ログイン時に非表示
オンにすると、アイテムは未ログインの訪問者のみに表示されます。
使用例: 「ログイン」ボタン、「アカウント作成」リンク。
ログイン時のみ表示
オンにすると、アイテムはログイン済みのお客様のみに表示されます。
使用例: 「マイアカウント」、ポイント、注文履歴。
特定のページタイプで非表示 (hidepages)
詳細 → 属性 で hidepages 属性を使用します。
hidepages=index
hidepages=index|products
hidepages=index|products|collections|pages|blogs|others
| 値 | 非表示になるページ |
|---|---|
index |
ホームページ |
products |
商品詳細ページ |
collections |
コレクション/カテゴリページ |
pages |
静的ページ |
blogs |
ブログ |
others |
その他のページ |
例: hidepages=index|blogs
デバイスによる非表示
Navi+ のデバイス設定はメニューレベルで行います。デバイスごとに別々のメニューを作成するか、CSSを使用してください。
/* モバイルのみ非表示 */
@media (max-width: 767px) { display: none !important; }
/* デスクトップのみ非表示 */
@media (min-width: 768px) { display: none !important; }
まとめ
| 条件 | 設定方法 |
|---|---|
| 完全に非表示 | 公開済み → オフ |
| ログイン済みから非表示 | ログイン時に非表示 → オン |
| ゲストから非表示 | ログイン時のみ表示 → オン |
| ホームページで非表示 | hidepages=index |
| モバイルで非表示 | CSS @media (max-width: 767px) |
| デスクトップで非表示 | CSS @media (min-width: 768px) |