All Collections
Look and Feel
Theme Tweaker (X-Cart 5.4.x and earlier)
Repositioning the Layout Elements with the Theme Tweaker (X-Cart 5.4.x and earlier)
Repositioning the Layout Elements with the Theme Tweaker (X-Cart 5.4.x and earlier)

Learn how to rearrange elements on a page and hide them from the view using the Layout Editor tool.

Olga Tereshina avatar
Written by Olga Tereshina
Updated over a week ago

The Layout Editor tool allows changing the position of any element on a page and 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


    The Layout Editor tool will open.

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

    541-drag-n-drop-on.png

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

    541-highlighted-block.png

  5. Apply the required changes:

    • Pick a block with a mouse to change its position and start dragging.

      541-default-block-plave.png


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

      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 listed 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

Related pages:

Did this answer your question?