If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

PrestaShop 1.6.x. How to manage “TM LookBook” module

Hello! This video tutorial shows how to manage TM Look Book module in PrestaShop templates.

There is another great module which is included in our latest PrestaShop templates named TM Look Book.

This module allows to create lookbooks and combine them to collections. Lookbooks allow to view the products directly on the model.

Moreover, there is a possibility to mark a product in the lookbook and have a lookbook link displayed on the product page.

Let’s learn how to manage TM Look Book module.

The tutorial assumes you are already logged in to your PrestaShop administration area.

  1. Navigate to Modules and Services -> Modules and Services tab:

    prestashop_1.6_how_to_manage_tm_look_book_module_1

  2. Use the CTRL+F/CMND+F key (Windows OS/Mac OS) to find the TM Look Book module – click “Configure” button next to the module to open it for editing:

    prestashop_1.6_how_to_manage_tm_look_book_module_2

On the main page of the module you can create/delete/edit module collections.

Let’s say, you want to create a new collection.

  1. At the main module page click on the “+” symbol:

    prestashop_1.6_how_to_manage_tm_look_book_module_3

  2. At the appeared screen you should fill in following options: Status, Name, Description, Image and Template:

    prestashop_1.6_how_to_manage_tm_look_book_module_4

  3. Click on a “Save” button to apply changes:

    prestashop_1.6_how_to_manage_tm_look_book_module_5

Now that the collection has been successfully added, you should add new lookbooks for it.

  1. Click on the “View” button next to the newly created collection to open it for editing:

    prestashop_1.6_how_to_manage_tm_look_book_module_6

  2. Then, click “+” symbol to add a new lookbook:

    prestashop_1.6_how_to_manage_tm_look_book_module_7

  3. At the appeared interface fill in the following options: Status, Name, Description and Image:

    prestashop_1.6_how_to_manage_tm_look_book_module_8

    It is essential that you add an image and then save changes using the “Save and Stay” button so you could add hotspots to your lookbook.

    Now that it is done you are able to add your own hotspots:

    prestashop_1.6_how_to_manage_tm_look_book_module_9

Let’s proceed and add several hotspots to the newly created lookbook.

  1. Click on any section of the lookbook – the hotspot pop-up will appear.

  2. Choose whether you would like to have a product or just some content displayed in the hotspot:

    prestashop_1.6_how_to_manage_tm_look_book_module_10

    We suggest that you add products to the hotspots.

  3. Choose the corresponding product by clicking “Select Product” button:

    prestashop_1.6_how_to_manage_tm_look_book_module_11

  4. Scroll down and click the “Save” button to apply changes.

Now that the hotspot is added, you are free to simply drag-and-drop the hotspot to any desired location on the lookbook image.

Hover the hotspot to be able to remove it:

prestashop_1.6_how_to_manage_tm_look_book_module_12

Let’s add one more hotspot:

prestashop_1.6_how_to_manage_tm_look_book_module_13

Make sure to save changes.

Navigate to your store frontend and refresh the page where the TM Look Book module is assigned to to see the changes applied.

You can see the new lookbook displayed now:

prestashop_1.6_how_to_manage_tm_look_book_module_14

Click on the image to open the actual lookbook. As you can see, hotspots are linked to real products available on your site:

prestashop_1.6_how_to_manage_tm_look_book_module_15

This is the end of the tutorial. Now you know how to manage TM Look Book module in your PrestaShop template.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to manage “TM LookBook” module

Browse through the PrestaShop 1.6.x. templates to view the latest designs and learn more about PrestaShop usability.