USER GUIDEprestashopaddon.com/wp-content/uploads/2016/03/rich-mega...menu, our Prestashop Mega Menu module is the best menu module that can be found in the market. Easy customization

PRESTASHOP ADDON

Excellent Prestashop modules and themes

USER GUIDE

PRESTASHOP RICH MEGA MENU

An advanced Prestashop top menu

Website: PrestashopAddon.com

Email: [email protected]

mailto:[email protected]

Copyright PrestashopAddon.com. All rights reserved

PrestashopAddon.com is not affiliated with or endorsed by Open Source Matters or the Prestashop Project.

Table of contents

I. Introduction .............................................................................................................. 3

II. Installation ............................................................................................................... 3

1. Upload module to the server ................................................................................ 3

2. Install the Rich mega menu .................................................................................. 3

3. Check the module ................................................................................................. 4

III. Manage your top menu ......................................................................................... 4

1. Add new menu item ............................................................................................. 6

2. Add new column .................................................................................................. 8

3. Add new block ...................................................................................................... 9

4. Configuration ...................................................................................................... 10

IV. Thank you ........................................................................................................... 12



3

I. Introduction

Finding the best menu for your online shop can be a tougher job than you think. But

when found, the best menu can do wonders for your store’s business. Prestashop mega

menu module is a module that is guaranteed to provide the best menu for your online store.

Our Prestashop mega menu module (Rich mega menu) fulfills all the requirements you

would need from a menu for an online store. From the neat and clean user interface with

many features like multi-layouts and multicolored skins to a fully functional feature-rich

menu, our Prestashop Mega Menu module is the best menu module that can be found in

the market. Easy customization of the menu lets you create any type of a simple or

complex menu of choice that suites your website’s theme. The responsiveness of the Rich

mega menu is an added advantage for online store websites who go the extra mile by

attracting mobile customers as well.

II. Installation

1. Upload module to the server

Go to “Modules and services”

Click “Add a new module”

Choose module main file (ybc_megamenu.zip)

Click “Upload this module” to upload the module

2. Install the Rich mega menu

Just click “Install” to enable the module and you are all done!



4

3. Check the module

After step 1 and 2 are done, you have completed the installation of the module. If you go

to the frontend of the website, you will be able to see that your default Prestashop top

menu has been replaced by the Rich mega menu with sample data initiated.

III. Manage your top menu

To manage your top menu, you need to go to the module configuration area

Top menu is managed by 3 main objects: Menu item (level 1), column item (level 2) and

block item (level 3)



5



6

1. Add new menu item

Click on “Add new menu” to add a new menu item



7

Fill all required and optional fields and then click “Save” to set up your menu

item



8

Explanation of the fields

- Menu title: Title of the menu item

- Menu link type: Type of link triggered when clicked on menu item. If you don’t

want to have a link for the menu item you are creating, just choose “Custom

link” and leave blank on “Link”

- Submenu type: Type of sub-menu dropdown. There are 3 options: Full width,

Left and Right

- Submenu max-width: maximum width of sub-menu by percentage.

- Custom class: Css custom class

- Awesome icon: fa-home, fa-phone…

- Show icon: show or hide awesome icon

- Sub-menu title text color, Sub-menu block body text color, Sub-menu link

hover color, Sub-menu price color, Sub-menu border color, Sub-menu

background class: color options for sub-menu. (leave blank if you want to use

default color)

- Sub-menu type, use sub-menu wrapper border: border options of sub-menu

- Sub-menu banner, Sub-menu banner link, Sub-menu banner position: option to

add a banner to the footer of sub-menu

2. Add new column

Click the “Add new column to this menu” button of the menu item to which you

want to add a column to.



9

Fill all required and optional fields and then click “Save” to create a new column

* Tip: hide column title if it’s not necessary because you already have block title for

each block. Total size of all the columns of the same menus should always be 12 to

avoid blank area in the sub-menu

3. Add new block

Click the “Add new block to this column” button of the column that you want to

add a block to.



10

Fill all required and optional fields and then click “Save” to create a new block for

the column

4. Configuration

All configuration options are available in the first page of the module backend



11

*Tip:

- Choose a layout and skin that is suitable for your website. If you can’t find a

suitable pre-defined color for your website, you can select “Custom color” and

choose a color from the color picker tool.

- Enable “Use cache” only when your menu is very complex. Disable this option

when you move your site to a new server or when you update your website data

and enable it again later. But you will not see the changes happen on top menu.



12

IV. Thank you

Thank you very much for installing this module to your website. If you need any support,

don’t hesitate to contact us.

Email: [email protected] OR [email protected]

Skype: prestashopaddon



USER GUIDEprestashopaddon.com/wp-content/uploads/2016/03/rich-mega...menu, our Prestashop Mega Menu module is the best menu module that can be found in the market. Easy customization

Documents