Commmerce Editor
Layers
A hierarchical tree of every element in the active page. Reorder, lock, hide, and group from a single panel — selection stays in sync with the canvas.
Layer tree
A scrollable outline of all sections, containers, and elements.
Reordering
Drag layers up or down to change paint order.
Locking
Lock layers so they can't be moved or deleted by accident.
Visibility
Toggle layer visibility without removing it from the tree.
Grouping
Wrap related layers into a named folder for easier management.
Renaming
Double-click any layer to give it a human-readable name.
Search & filter
Find layers by name, tag, or component type.
Selection sync
Canvas and layer panel always reflect the same active selection.