EcomWize uses a drag-and-drop system to let you reorder sections on your page. You can drag sections directly on the canvas or use the layers panel for an alternative reordering experience.
Hover over a section
Move your cursor over the section you want to move. A drag handle (grip icon) will appear on the section, typically near the top.
Grab the drag handle
Click and hold the drag handle. Your cursor will change to a grabbing hand, and a ghost preview (a semi-transparent copy of the section) will appear to show what you are dragging.
Drag to the new position
Move the section up or down. As you drag, drop zones will appear between other sections, indicating where the section will be placed if you release.
Release to drop
Let go of the mouse button to drop the section into its new position. The page will instantly update to reflect the new order.
While dragging, the builder provides clear visual cues:
Ghost element - A semi-transparent copy of the section follows your cursor, showing exactly what you are moving
Drop indicator - A highlighted line or gap appears between sections to show where the dragged section will land
Opacity change - The original section becomes partially transparent while being dragged, so you can easily tell it apart from the ghost
You can also reorder sections using the keyboard for accessibility:
Select a section by clicking on it or navigating to it
Use the arrow keys to move the section up or down in the sort order
The section will swap positions with its neighbor in the direction you press
The Layers panel provides an alternative way to reorder sections. Instead of dragging sections on the full canvas preview, you drag compact layer items in a list view:
Open the layers panel
Click the Layers icon in the sidebar to open the layers panel.
Drag a layer item
Each section is represented as a compact row showing its type name and order number. Grab the drag handle on the left side of any layer item.
Drop in the new position
Drag the item up or down in the list and release. The canvas will immediately update to reflect the new section order.
Drag and drop works on touch devices as well:
Touch and hold the drag handle to begin dragging
Slide your finger up or down to move the section
Lift your finger to drop the section in its new position
The same visual feedback (ghost element, drop zones) appears on touch devices.
Ctrl/Cmd + Z to undo the change immediately.You can only reorder sections vertically (up and down). Sections always span the full width of the page.
The maximum number of sections per page is 25. Reordering does not change the section count.
Reordering is purely visual/structural - it does not affect the content or configuration of any section.