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

Featured templates

Opencart 2.x. “TM Layout Builder” module overview

Our Support team is ready to present you a new tutorial that will become an indispensable guide on editing Opencart 2.x templates and make this process easy and effortless. One click on the button and the video will smoothly take you through this step by step.

We are going to provide you with short overview of “TM Layout Builder” module. This module serves for quick, simple and handy creation of different variants of the store main page.

"TM Layout Builder" module configuration

  1. To configure this module, please, login to your site admin panel.

  2. Navigate to the Extensions > Extensions page and choose the extension type. "TM Layout Builder" extension type is Modules.

  3. Search for the Template Monster Layout Builder module.

  4. You will see several layouts available here. Click on the Edit button to configure one of the layouts available.

  5. Alternatively, you can add your layout by clicking Add New button next to the Template Monster Layout Builder.

    Openart_2.x._TM_Layout_Builder_module_overview_1

  6. On the next screenshot you can see the Template Monster Layout Builder module interference. We will check the basic module features further.

    Openart_2.x._TM_Layout_Builder_module_overview_2

Basic options overview

To create a new layout, press the New Layout View button.

Module has several buttons available. Those buttons make editing process much easier. Let’s take a closer look on them:

Openart_2.x._TM_Layout_Builder_module_overview_3

  1. Press Add Column. After clicking this button you will be able to add rows. This option has several sections available:

    Openart_2.x._TM_Layout_Builder_module_overview_4

    • After adding a column, insert a row. To add rows, press the Add Row button. The number of columns in the row is unlimited, and you can add as many columns as you need. The width of the columns can be set right after adding them with the help of the Drag and drop function by dragging the right border of the column.

    • Delete button allows you to remove unnecessary columns.

    • After clicking the Edit button opens pop-up window with a great customization tool which allows you to change column/row style. It allows you to set the background and change margin values for your blocks.

      Openart_2.x._TM_Layout_Builder_module_overview_5

    • After adding the columns, you should fill them in with some content (modules). To add a module, press the Add Widget button and select the needed one among the dropdown.

  2. Use the Delete button to remove column you don’t need.

  3. Edit button allows you to adjust column style. We have mentioned it above.

  4. Duplicate is a great tool that allows you to duplicate columns without coping them manually.

  5. Sort option allows you to change columns order.

Check out a large array of top-quality OpenCart themes.

Feel free to check the detailed video tutorial below:

Opencart 2.x. “TM Layout Builder” module overview

If you’re looking for a professional template to build a website, view Best OpenCart Themes 2017.