👁️How to hide a global component on a specific page

This is meant to be done only for global components. Components that are not global shouldn’t exist on pages where they are not needed.

https://firebasestorage.googleapis.com/v0/b/savvy-flow-uploads/o/oNrQLV6ZiVBavUmAkfcu%2FHow%20to%20hide%20a%20global%20component%20on%20one%20or%20more%20page__64054633636273.mp4?alt=media&token=836697dc-670f-46f5-babe-3933002484cbfirebasestorage.googleapis.com

Selecting the component you want to work on:

1. In the “Edit” sub-menu open the “Designer” card.

2. Click on the component you want to work on.

Option 1: Hide the component on one page:

1. Select the global component you'd like to hide

2. Click on “+ Filter” in the “Designer” card.

3. Change the "In" option to "This Page" so that any changes you make will only apply to the page you're currently viewing.

4. In the “Position” tab, set the “Display” property to “none”.

That’s it, the component would not be shown on the current page.

_______________________________________________________________________________________________________

Option 2: Hiding the component on several selected pages:

1. Add a descriptive tag to the page where you want the component to be hidden:

   1. Open the “Designer” card from the “Edit” sub-menu.

   2. Click the "Or edit the whole page" button without selecting any component.

   3. Click "Add a tag".

   4. Click "+ Add a tag to this page".

   5. Create a descriptive tag, like "custom_hide" and click “Add”.

2. Without closing the “Designer” card, select the component you want to work on by clicking on it.

3. Set the component to be hidden on pages with the tag you’ve created:

   1. Click “+ Filter”.

   2. In the "In" options, select "Pages with Tag".

   3. In the "Tag" options, select the tag you've created on STEP 1.

   4. In the “Position” tab, set the “Display” property to “none”.

4. Finally, give the same tag to every page where you want the component to be hidden:

   1. On the "Pages" card, select the next page where you want the component to be hidden.

   2. Repeat STEP 1 using the same tag you’ve created in STEP 1.e.

That’s it, you've hidden the component on every page that has the right tag! (E.g. custom_hide)

Related docs: