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.

    presta-modules-positions

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

    presta-run-live-edit

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

    presta-trash-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.

    presta-live-edit-move

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

    presta-live-edit-save

  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.

    presta-live-edit-close

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 our Help Center:
Email Address
Optional, but our team may contact you for more information.
Did you find this article helpful?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

News / Announcements

Update to SSL Certificates - Certificate Warnings
1969-12-31 11:00 am EST
Hits: 684

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!

Help Center Search

Current Customers

Email: support@WebHostingHub.com 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.