Component Pool (Right Panel)

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:

---

Ordering a component

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

---

Renaming a component

When you have multiple components of the same type on the same page (e.g. five "Text" blocks), they all appear with the same label in the list, making it hard to tell which is which. You can solve this by giving a component your own name — for example "Campaign heading" or "Shipping info" instead of "Text".

From the layer list (quick way):

1. Double-click the component name on the row you want to rename. (If you don't use a mouse: Tab to the Rename button on the right of the row and press Enter.)
2. Type the new name into the box that opens.
3. Press Enter or click outside the box; the name is saved. Press Esc to cancel.

From the Properties panel: When you select the component, you can also type the name in the Block name field at the very top of the right panel. If you leave the field empty (the component type shows as a placeholder), the component returns to its default label.

Rules:

• When you give a name, the name stands out in the list and the component type stays below as small secondary text.
• If you clear the name completely, the component reverts to its default type label.
• The name is only useful in this list/panel in the editor; it is never printed anywhere on your store's storefront — it's purely for your own organization.
• You can name nested components inside Grid columns, Tabs, and Carousel slides the same way.
• A name change counts as an unsaved change; it becomes permanent when you save/publish.

---

Hiding/showing a component

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

---

Deleting a component

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

---

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.

---

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.

Q: Is the name I gave visible to customers on the store? A: No. The block name only appears in the editor's layer list and Properties panel; it is never printed anywhere on the storefront. It's just a label for your own organization.

Q: I named a block but now I want to remove the name. A: Double-click the name and clear its content entirely (or empty the Block name field in the Properties panel); the component automatically reverts to its default type label (e.g. "Text").