Component Pool (Right Panel)

A bird's-eye list of all the components on the open page. Instead of clicking one by one on the canvas, you manage everything from here in an organized…

Where to find: Opens in the right panel when you press the Component Pool (layers icon) button on the top toolbar Who it's for: Those who want to see, order, hide, or delete all the sections on a page in a single list In short: A bird's-eye list of all the components on the open page. Instead of clicking one by one on the canvas, you manage everything from here in an organized way.

What does it do?

A page can have dozens of components; it's sometimes hard to find and click the right piece on the canvas. The Component Pool shows all the components on that page as a list, one under the other. From here you:

See at a single glance which components are on the page,
Change their order,
Temporarily hide a component (without deleting),
Quickly switch to its settings,
Delete a component you don't want.

To open the panel, press the Component Pool (layers) button on the top toolbar. At the top of the panel there is the Component Pool heading and below it the description Manage the components on the active page.

If there are no components on the page, the text No components on this page yet. appears.

What's in the list rows?

Each component is listed as a row. From left to right:

Element	What does it do?
Handle (⠿ dotted icon)	You grab here and drag up-down to change the component's order.
Component name + description	Which component it is (e.g. "Hero Split" + its short description).
Visibility switch (Switch)	Hides/shows the component. If you turn it off, the component doesn't appear on the store but isn't deleted; you can turn it back on whenever you want.
Settings (icon)	Selects the component and switches the right panel to Properties mode; you start editing that component. (Appears when you hover over the row.)
Delete (icon)	Deletes the component. Only appears on deletable components. (Appears when you hover over the row.)

Tip: the difference between "Hide" and "Delete". If you want to temporarily take a component off the live store but don't want to lose its content, turn off the visibility switch (hide). If you never need the component again, use Delete. Instead of deleting and rebuilding a seasonal campaign section every time, hiding-and-showing it is very practical.

Ordering a component

Hold down with your mouse on the handle (⠿) on the left of the component.
Drag it up or down.
Release it at the position you want. The list updates instantly according to the new order and it changes on the canvas too.

Hiding/showing a component

Click the visibility switch in the component's row.
While the switch is off, the component doesn't appear on the store (it stays in the editor).
When you turn it on again, it becomes visible again.

Deleting a component

Hover over the component's row; the Delete () button appears on the right.
Click it. The Delete Component confirmation window opens: "Are you sure you want to delete the component '{component name}'?"
Confirm with Delete or give up with Cancel.

Warning: After you confirm the component deletion operation, it cannot be undone; the component and all its settings are gone. If you're not sure, prefer hiding instead of deleting. On some structural components (for example the core pieces of the menu/footer) the delete button never appears — these are protected.

Container components and sub-items

If a component is a container that holds other components inside it, like a Grid (columns), Tab, or Carousel, small groups appear below it in the list:

For Grid: Column 1, Column 2... (with the item count next to it, e.g. "Column 1 (2)")
For Tab: Tab 1, Tab 2...
For Carousel: Slide 1, Slide 2...

By clicking the group heading you open/close it, see the components inside it, and manage them the same way (settings/delete). This way you control even nested layouts in an organized manner.

Tip: With nested components, "clicking the right piece on the canvas" can be hard. This tree structure in the Component Pool clearly shows which component is in which column/tab/slide; selecting the one you want to edit from the list is much easier.

Frequently asked questions

Q: I hid a component but it's still there on the canvas. A: In edit mode, hidden components may continue to appear (so you can work on them). To see the real look, switch to Preview mode at the top; the component you hid will not appear there.

Q: I can't see the Delete button on some components. A: That component is a protected (structural) component and cannot be deleted. If you don't want it to appear, you can hide it with the visibility switch.

Q: There are more/fewer components in the list than I expected. A: The Component Pool only shows the components of the page that is currently open. If you switch to another page, you see that page's list. For the shared menu/footer, you need to switch to the Header Structure or Footer Structure page.