👁️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. Select the component you want to work on by clicking on it.

Option 1: Hiding it only on one page:

1. With the global component you want to hide selected click on “+ Filter” in the “Designer” card.

2. Change the "In" option to "This Page" so anything you do would only be applied on the page you're currently viewing.

3. 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: Hidding it 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. Without selecting any component click the "Or edit the whole page." button.

   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. On the "In" options, select "Pages with Tag".

   3. On 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 have hidden the component on every page that has the right tag! (E.g. custom_hide)

Related docs: