← Back to Documentation Overview | Search these pages with the button in the top right

Favorites & Memberstack Integration

Goal: Allow users to favorite map items, either stored locally in their browser or synced to their Memberstack account.

Key Features:

• Enable Liking: Users can "favorite" specific items directly on the map or in the list view.
• Favorites Filter: A dedicated filter tag/toggle that allows users to view only their liked items with one click.
• Memberstack Sync: * Guest Mode: Favorites are saved in the current browser session (local storage).
  • User Accounts: If logged in via Memberstack, favorited items are saved directly to the user's profile so they persist across different devices.

Enable Favoriting

Enable favoriting by navigating to Add-Ons and enable Favoriting

A liking button becomes visible on your map item list for each item.

Styling different states, should be done navigating to the style guide.

There you can style the different Favorit button states:

1: ncf-favorit-button

Default state

2: ncf-favorit-button favorited

State for liked items

3: ncf-favorit-button disabled

State for items that can’t be favorited (when using Memberstack)

<aside> 💡 Pro Tip: Place a like button inside your pop-up for a more immersive experience.

</aside>

<aside> 💡 Pro Tip: How to style liked Pins

Add the class “liked” to your cru-ncf-pin

</aside>

Filter Favorit Items