Wix站点实现登录后显示会员专属菜单页的技术问询
Wix会员专属菜单隐藏的技术要求
- 不用掌握PHP、MySQL、React或者jQuery,只需要用Wix官方的**Velo(Wix Code)**就行——它是基于标准JavaScript的Wix专属开发工具,完全适配Wix的生态体系。
- 具体实现思路很明确:
- 先在Wix编辑器里创建好会员专属页面,把页面权限设置为「仅会员可访问」。
- 通过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
相关产品推荐
相关产品推荐

