Show menu item after log in

[musicman1985]

Hi everyone,
I have a wix site and I want to show a header menu link after log in and to be hidden by default. It seems that this is not possible but I heard with some coding this can be done by something like hide menu1, show menu2 after log in... Can this be done in javascript alone? I would appreciate your help.
Thanks.

 

[thuggy]

You can’t do this with plain JavaScript on Wix, because you don’t have direct access to the header/menu DOM the way you would on a normal custom site. On Wix you need to use Velo (their built-in dev tools).


Example

import wixUsers from 'wix-users';
import wixWindow from 'wix-window';


$w.onReady(function () {
  if (wixUsers.currentUser.loggedIn) {
    $w("#menuItemLoggedIn").show();
  } else {
    $w("#menuItemLoggedIn").hide();
  }
});

Add an element (button/link/menu item) in your header and give it an ID like #menuItemLoggedIn.
By default, set it to hidden on load.
Then the code checks if the user is logged in and shows it.


So no, it’s not just raw JS, but with Velo you can control visibility based on login status pretty easily.