PrestaShop 1.6.x. How to manage “TM HtmlContent” Module

This module allows to display any content (image, HTML, links, etc.) in the following positions: displayNav, home, top, topColumn, left and right (displayLeftColumn/displayRightColumn), footer. It is used to expand design opportunities and add advertisement/information blocks to your store. It is a multilanguage module and can also work in the multistore website.
The module is located in Modules > Modules > TM HTML Content (if it is not installed, install it):
After clicking on the Configure button you will see the list of items:
  1. Click Add new button.
  2. The list of available languages. You can view the available elements for all languages by switching the language tabs.
  3. The list of elements added for specific position and language.

Adding the element

  1. To add the content, click Add item button.
  2. Fill in the required settings (none of the fields are mandatory):
    1. Language – select the required language from the drop-down list.
      Note that the added item will appear only on the selected language.
      To make the content visible for other languages on the site, you will have to duplicate it for the rest of the languages, i.e. to add the item for all the languages you need.
    2. Title – title of the element.
    3. Use title in front – display the title of the element at the frontend (the title will show up in front of the element).
    4. Hook – position where the element is added.
    5. Image – upload the image from your computer.
    6. Image width – image width shown at the frontend.
    7. Image height – image height shown at the frontend.
    8. URL – add the link (the whole block will be wrapped in the link).
    9. Target blank – open link in new tab.
    10. HTML – HTML code (except the link if you have added it in the URL field) or text.
  3. Click Save to save the element.

Editing and removing the element

When you add the element, it shows up in the corresponding list: the language and the position where the elements were added.
  1. To edit the element, click on the Edit button.
    There you can change the previously set item information.
  2. To remove the element, click on the Delete button from the drop-down list:
  3. To change the order of elements in the list, you should just drag the element to the position you need:
Feel free to check the detailed video tutorial below: