PrestaShop 1.6.x. How to work with “TM MegaMenu (0.x version)” module

Eva Fox July 9, 2015

mega menu Prestashop

Rating: 5.0/5. From 1 vote.

Please wait...

本教程将指导您如何使用TM MegaMenu” module in Prestashop 1.6.x.

PrestaShop 1.6.x. How to work with “TM MegaMenu” module

This module is designed to create complex menus. The module 提供显示一个项目的能力(没有子菜单), 一个带有子菜单的菜单项和一个带有子菜单的菜单项通过多行和多列块实现. The module 可以用在不同的位置，但会显示相同的内容吗.

可用位置:top(displayTop)， left(displayLeftColumn)， right(displayRightColumn)， footer(displayFooter). 您可以添加类别(带有子类别)， CMS categories (with subcategories), manufacturers (one or a list), suppliers (one or a list), stores (if multistore is used), links to any product, information block about the product, custom links are not limited in quantity, custom HTML 块在数量上不受限制，和横幅. Check more details below.

TM MegaMenu Tabs.
- TM MegaMenu选项卡是顶部菜单部分的基本项:
- In order to create a new tab, open the Admin panel – > Modules – > Modules – > TM Mega Menu module and click + in the Tabs list table:
- 在出现的表单中，填写必需的字段:
  1. Enter tab name – the tab 默认语言必须填写的标题. 如果未填写其他语言字段，则 tab gives its name from the default language. Field is mandatory.
  2. Active – active/inactive tab.
  3. Link – a link that is assigned to this tab. 您可以输入自定义链接，或从现有选项(类别、 CMS categories). 如果您将该字段留空，则此链接 tab is inactive.
  4. Sort order – the order of tabs to be displayed.
  5. Specific Class 用来强调物品的类(CSS类).
  6. Enter tab badge – is filled in depending on multi-languages.
  7. It is Mega Menu – given tab sub-menu is a Mega Menu. *
  8. Use simple menu – given tab sub-menu is a simple menu. **
- * It is Mega Menu. 如果选择了这个选项，将会有一个表单来创建一个复杂的菜单(Mega menu).
  
  复杂菜单由行和行中的列组成.
  
  行是Mega Menu结构的一部分. It includes the menu columns. 可以通过单击适当的按钮来删除现有行. 该行将与其包含的内容一起被删除. The rows quantity is not limited.
  
  列是Mega Menu结构的一部分，位于行内部. (类)列的宽度不能为 less than 2 and more than 12. 为了使菜单正确显示，列的总宽度不能超过12. The width (class) is a Bootstrap column type, corresponds to the same values.
  
  In order to create the menu, click the Add row button:
  
  In the form appeared, click Add column button:
  
  将出现弹出窗口，您需要在其中指定列类(从2到12). 列本身出现在您需要设置必要设置的旁边:
  
  Here you can change the column class, add CSS class, 以及从列表中提供的所需内容. 您可以通过双击所需的项目来添加/删除内容, 或者通过突出显示所需的项并单击相应的按钮.
  
  Block can be removed by clicking Remove block button in the footer of the block.
  
  通过删除行，包含的列也被删除.
  
  **
  Use simple menu. 如果选择了这个选项，将会有一个表单来创建一个简单的菜单. 这是一个菜单，在单列中显示所选内容. 如果菜单已嵌入内容，则添加新列:
  
  ，以便移动所选菜单中的可用内容, 双击或突出显示需要的内容并按相应的按钮.
  
  在菜单类型之间切换时保存非活动菜单信息，您可以随时更改菜单类型.
TM MegaMenu Menu HTML
- 在本节中，我们将解释如何创建自定义 HTML block in the Mega Menu.
  
  The module 有一个表列出了所有可用的块，您可以通过单击表右上角的+按钮添加一个新块.
  
  在出现的表单中，填写必需的字段:
- 1. Enter HTML item name – HTML 块名称，是默认语言必须填写的.
  2. Specific class – block CSS class.
  3. HTML content – HTML content.
- 添加的块将出现在块列表中, 以及在创建菜单块时在可用内容列表中.
TM MegaMenu Links
- 在本节中，我们将展示如何在Mega菜单中创建自定义链接.
  
  The module 是否有一个列出所有可用链接的表，您可以通过单击表右上角的+按钮向其添加新链接.
  
  在出现的表单中，填写必需的字段.
  1. Enter Link name -链接名称，默认语言必须填写.
  2. Enter Link URL - link URL，默认语言必须填写.
  3. Specific class – block CSS class.
  4. Open in new window – open link in a new window.
- Added link will appear in the list of links, 以及在创建菜单块时在可用内容列表中.
TM MegaMenu Banners
- 在本节中，我们将解释如何在Mega菜单中创建横幅.
  
  The module 有一个表列出所有可用的横幅，你可以添加一个新的 banner 通过单击表右上角的+按钮.
  
  在出现的表单中，填写必需的字段:
  1. Select a file -选择文件，默认语言必须填写.
  2. Enter Banner name – banner 为默认语言必须填写的标题.
  3. Enter Link URL - link URL，默认语言必须填写.
  4. Specific class – block CSS class.
  5. Open in new window – open link in a new window.
- Added banner will appear in the list of banners, 以及在创建菜单块时在可用内容列表中.