可见性与条件

在编辑项目面板中的发布部分,您可以控制谁在何时以及在哪些页面上看到项目。


是否已发布

默认:开启(项目对所有人可见)。

关闭此选项以在不删除项目的情况下将其从实时菜单中隐藏。该项目仍保留在编辑器中——您可以随时重新启用它。

使用场景:

  • 临时隐藏季节性促销链接。
  • 在项目上线之前进行准备。
  • 保留备份项目而不删除它。

登录时隐藏

启用后,该项目仅对未登录的访客可见

使用场景:

  • 一个”登录”按钮——已经登录的客户不需要它。
  • 一个”创建账户”链接。

仅在登录时显示

启用后,该项目仅对已登录的客户可见

使用场景:

  • “我的账户”链接。
  • 忠诚积分、订单历史。
  • 仅限会员的功能。

在特定页面类型上隐藏(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; }