Child pages
  • Managing Modules

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
maxLevel23
styledisc
printablefalse

Managing Modules

...

Another way to move modules around on the shop's homepage is the Live Edit mode, which embeds said homepage into a tool that let's you graphically decide where to place your modules. You can access it from the "Position" sub-tab, by clicking the "Run LiveEdit" button.

Image Added

Once clicked, PrestaShop opens the homepage in a new browser windows/tab, with the Live Edit script on top:

  • All blocks have a dotted red border, enabling you to see which blocks you can move.
  • At their top left side, a block-specific icon appears, along with the block's name, enabling you to always find your way among blocks.
  • At their top right side, they have two icons:
    1. A "move" icon: click on it to start the module around.
    2. A "trash" icon: click it to remove the block from the home.

Image Added

Note that modules cannot be moved just about anywhere: it depends on both the theme's hooks, and each module's hook support (as seen in the above section). Therefore, you mostly can only move modules within their understood context : column modules can be moved within a column as well as from one column to the other (right to left, for instance), while regular homepage modules (the ones at the center) can only be moved within their specific column.