PrestaShop uses modules and hooks to control the layout of your PrestaShop site. In our previous tutorial we walked you through unhooking modules and moving modules through the Modules > Positions page in your PrestaShop back office. PrestaShop also includes a feature called LiveEdit that offers a WYSIWYG (what you see is what you get) interface for moving and removing modules.

The following tutorial explains how LiveEdit appears and operates before the PrestaShop 1.5 release. Please see LiveEdit in PrestaShop 1.5x for more information
  1. To access the LiveEdit feature, begin by logging into your PrestaShop back office.
  2. Click on the Modules tab and the Positions link under that tab.


  3. On the right side of the page, click on the Run LiveEdit button to open LiveEdit in a new tab in your browser.


  4. In LiveEdit, you can remove a module by selecting the trash can icon for that module.


  5. To move a module, click the green arrow icon and drag the module to the new area where you want it to appear. You can change the order of modules within the same hook or move a module to a different hook.


  6. When your changes are complete, click the Save button in the lower left corner of LiveEdit.


  7. If you want to close the LiveEdit without saving changes, click the Close LiveEdit button and select Confirm in the pop up window that appears.


LiveEdit in PrestaShop is that easy to use. If you want to work with modules that are in the top pages or footer hooks, you can make those changes within the PrestaShop back office. For more information, please see our tutorial on Positioning PrestaShop Modules.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?


n/a Points
2014-08-11 1:00 pm

Please tell me how to restore the module after clicking the trash icon.

I have tried transplanting hooks but it give me error message.Also i have tried inserting module it in other hooks but it say module already there.It does not show it front office.


12,339 Points
2014-08-13 5:43 pm
Hello Joel,

Thank you for your question. If you clicked that trash can, then saved your changes, it most likely removed the module.

You should be able to Upload and install the PrestaShop Module again.

If it is not working please provide the full error message you are receiving. Putting PrestaShop in Debug Mode may help provide a detailed error.

If you have any further questions, feel free to post them below.
Thank you,

n/a Points
2014-09-10 11:29 am

hello, my problem is that the brower does not show the live edit. No dot lines or anything.

Could you help me please?

Thank you


16,266 Points
2014-09-10 2:38 pm
Hello iƱigo,

What exact version of PrestaShop are you using?

Kindest Regards,
Scott M

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.