SP Vertical Menu

View demoMore detail
This guide will help you install SP Vertical 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 Vertical Menu. The installation contains 5 steps as following:

Step 1: Login to your Prestashop admin panel and Go to Back Office >> Modules >> Modules. At the top of the page, click the Add a new module button.

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

Step 3: The new module will be located in the module list. Search the name of module and Click on the Install button to install the module.

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

Step 5: The uploading process will be started. You will see the message ai???the module was successfully downloadedai???.

2 Configuration

 

Below is a complete interface of SP Vertical Menu module

Please find to the module that you have completely installed to configure this module.

The parameters are divided into the following groups:

  • MENU TOP LINK
  • ADD A NEW LINK
  • LINK LIST

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

MENU TOP LINK

  • Change position ai??i?? Allow you to change the selected items .
  • Available items ai??i?? Allow to show the available items.
  • Selected items ai??i?? Display the selected items when you add from the available items.
  • Add Icon ai??i?? Allow to add icon with each selected items that you want. Please click Here to get icons that you like and add code of that icon into “icon-class”. For example: fa-train has classAi??”fa fa-train”
  • Title Vertical Menu ai??i?? Input title of Vertical Menu.
  • Number Visible Categories ai??i?? Allow to display the number of visible categories.

ADD A NEW LINK

  • Label ai??i?? Enter the public title of your new custom link.
  • Link ai??i?? Set the URL of the new link.
  • New window ai??i?? Decide if browsers should open this new link in a new window or not.
  • Click Add after you enter all data.

LINK LIST

  • After you add Label, Link and Set browsers should open this new link in a new window or not. They will be displayed at below LINK LIST