The Layout Editor tool allows changing the position of any element on a page as well as hiding them from the view directly in the storefront.

To edit a page layout:

1. When logged in as a store administrator, choose a page in the storefront that you want to edit.

2. Click on the Layout Editor tab at the bottom of the page:

541-layout-editor-tab.png

This opens the Layout Editor tool.

3. Enable the Drag-n-drop blocks option within the Layout Editor tool.

541-drag-n-drop-on.png

4. Hover a mouse to see the blocks that you can work with on the chosen page.

541-highlighted-block.png

5. Apply the required changes:

  • To change a block‚Äôs position, pick it with a mouse, and start dragging.

541-default-block-plave.png

The system will highlight a place on the page where the block can drop.

541-new-block-place.png
  • To disable a block, click on the EYE icon within it.

541-eye-icon-disable-block.png

The block will be removed from the page and will list as disabled.

541-disabled-block-list.png
  • To enable a block back, click the Enable button that appears when hovering a mouse on a block name in the disabled blocks list.

541-enable-block.png
  • To reset the page layout to the default state, click Reset layout.

541-reset-layout.png

6. Click Save to activate the changes.

541-save-changes.png


Did this answer your question?