SP Mega Menu

This guide will help you install SP Mega Menu module step by step.


1 Installation

  • Firstly, you must install Prestashop version 1.6.x. Please Click Here to read more about How To Install Prestashop version 1.6.x
  • Secondly, prepare for installing the SP Mega Menu. The installation contains 6 steps as following:

Step 1: Login to your Prestashop admin panel and Go to Back Office >> Modules and Services >> Modules and Services.

Step 2: At the top of the page, click the Add a new module button.

Step 3: Click ai???Choose a fileai??? button to select your module .zip file ai???spmegamenu.zipai??? that you have downloaded and then click ai???Upload this moduleai??? button.

Step 4: The module downloaded successfully, please click “Install” button to install this module.

Step 5: You will see a notification messages, please click “Proceed with the installation” button to finish the installation process.

Step 6: The installing process will be started. You will see the message ai???Module(s) installed successfullyai???. Please click “Configure” button to configure this module.

2 Configuration

The Frontend Appearance of Menu 1:

The Backend Settings of Menu 1:

Letai??i??s look at the parameters in detail:

  • Title ai??i?? Input title of menu.
  • Show Title ai??i?? Allow to enable/disable title of menu.
  • Label ai??i?? Allow to display label of menu. Please input the content using HTML/CSS code into your editor. You can go Here to view the details image.
  • Short Description ai??i?? Allow to display short description of menu. Please input the content using code HTML/CSS into your editor. You can go Here to view the details image.
  • Parent ID ai??i?? Select Parent ID.
  • Submenu Title ai??i?? Input title of submenu.
  • Show Sub Title ai??i?? Allow to enable/disable title of submenu.
  • Menu Type ai??i?? Allow to select type of menu: URL/Product/Product List/Manufacture/All Manufacture/All Supplier/Supplier/CMS/HTML/Category/Sub Categories.
  • URL ai??i?? If you select menu type: “”URL”, please input the link.
  • Class ai??i?? Input class for menu
  • Width – Set width of menu
  • Have Sub Menu – Allow to display the submenu or Not
  • Submenu Width – Set width of submenu
  • Group – If you select “Yes”, both of menu and submenu will be grouped. Click Here to view the image.
  • Active – Enable/Disable the submenu

The Menu List:

In the Menu List allow you to “Add” more menu, “Delete“, “Duplicate“, “Edit“, “Enable/Disable“, also Drag menu or submenu top/down as you want.