可见性与条件
在编辑项目面板中的发布部分,您可以控制谁在何时以及在哪些页面上看到项目。
是否已发布
默认:开启(项目对所有人可见)。
关闭此选项以在不删除项目的情况下将其从实时菜单中隐藏。该项目仍保留在编辑器中——您可以随时重新启用它。
使用场景:
- 临时隐藏季节性促销链接。
- 在项目上线之前进行准备。
- 保留备份项目而不删除它。
登录时隐藏
启用后,该项目仅对未登录的访客可见。
使用场景:
- 一个”登录”按钮——已经登录的客户不需要它。
- 一个”创建账户”链接。
仅在登录时显示
启用后,该项目仅对已登录的客户可见。
使用场景:
- “我的账户”链接。
- 忠诚积分、订单历史。
- 仅限会员的功能。
在特定页面类型上隐藏(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) { display: none !important; } |
| 在桌面上隐藏 | CSS:@media (min-width: 768px) { display: none !important; } |