You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Wix站点实现登录后显示会员专属菜单页的技术问询

Wix会员专属菜单隐藏的技术要求
  • 不用掌握PHP、MySQL、React或者jQuery,只需要用Wix官方的**Velo(Wix Code)**就行——它是基于标准JavaScript的Wix专属开发工具,完全适配Wix的生态体系。
  • 具体实现思路很明确:
    1. 先在Wix编辑器里创建好会员专属页面,把页面权限设置为「仅会员可访问」。
    2. 通过Velo监听用户的登录状态,动态控制对应菜单项的显示/隐藏:
      • 借助wix-members-frontend模块获取当前用户登录状态,或者监听登录、登出事件。
      • 根据用户是否登录的状态,切换菜单项的可见性。
  • 给你一段实用的代码示例:
    import { currentUser } from 'wix-members-frontend';
    import { getMenu } from 'wix-navigation';
    
    $w.onReady(async function () {
        // 获取站点菜单和目标会员菜单项(替换成你的菜单ID和页面标题)
        const siteMenu = await getMenu('siteMenu');
        const memberPageItem = siteMenu.items.find(item => item.title === '会员专属页面');
        
        // 页面加载时初始化菜单项可见性
        $w(memberPageItem.id).visible = currentUser.loggedIn;
        
        // 用户登录后显示菜单项
        currentUser.onLogin(() => {
            $w(memberPageItem.id).visible = true;
        });
        
        // 用户登出后隐藏菜单项
        currentUser.onLogout(() => {
            $w(memberPageItem.id).visible = false;
        });
    });
    
  • 注意:这段代码需要放在站点的全局代码区,或者菜单所在页面的代码编辑器中,确保全站范围内生效。

内容的提问来源于stack exchange,提问作者Abe1985

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.12 16:44:54