Hiding Elements from Non-Members

Hello

Here’s some steps to follow:

  1. elements hidden on load.

  2. inside on ready function get the user id.

  3. query you members based of this id and check his member ship.

  4. if the user is with upgraded membership sow elements.

Here’s a code snippet to guide you through the past steps :

import wixData from 'wix-data';
import wixUsers from 'wix-users';
$w.onReady(async function () {

 let user = wixUsers.currentUser;
 let isLoggedIn = user.loggedIn;

 let userRole = user.role;
 let userId = user.id
 let results = await wixData.query("membershipsCollection").eq("_id", userId).find()
 
 let membership = results.items[0].membershipFieldKey;
 
 if (membership === 'upgraded') {
        $w(#element).show()
    }
});

Best of Luck !
Massa