👁
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.
- 1.In the “Edit” sub-menu open the “Designer” card.
- 2.Select the component you want to work on by clicking on it.
- 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.
_______________________________________________________________________________________________________
- 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)