Megamenu Custommer


Building a Mega Menu on Prestashop will be faster and easier than ever with Megamenu Custommer module. Build Prestashop mega menu using drag & drop in back office


And here you can find out more about theme updates, new features and about our upcoming themes:

- Follow us on Facebook

- Follow us on Twitter

- Follow us on Posthemes


PosThemes,

frontend_menu

This allows you to to set selected elements for the MegaMenu.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. In part MENU SETTINGS

    general setting

    We got:

    • Background type: Select background type

      - None: Don't use background type

      - Color

      • Background color: Set color for background

      - Image

      • Image source: Upload image background from computer
      • Background repeat: Background image can be repeated along the horizontal and vertical axes, or not repeated at all
    • Sticky menu: Select Yes to enable Sticky menu
    • Center main menu: Select Yes to center align the Main Menu
    • Submenu animation: Select animations for dropown menu items
  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. Click the Add new item add new menu then add the info for the menu item.

    add new menu

    We got:

    • Title: Add menu title (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select menu item type (PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Sub Title: Enter sub title
    • Use icon: Choose icon image

      - No: Don't use icon

      - Font-Awesome Icon: Use font-awesome icon (ex: <i class="fab fa-angellist"></i>)

      - Image Icon: Click Select image > to upload icon from computer

    • Main link style: Config CSS for menu item (ex: color, color hover, background color...)
    • Subtitle style: Config CSS for sub title (ex: color, background color, font size...)
    • Submenu type: There are 3 types of submenus: Mega, Flyout and None (Flyout only is available when you select category in Type Link)
    • Add specific class: Class to style the menu item
    • New window: Choose Yes/No to open new window/tab or not by clicking
    • Active: Choose Yes pulish the menu item
  4. Click Save button when you finish

In here, you can set the width of the sub-megamenu, add column, and add class that style for it. To use this setting, select the menu item as Mega type in Submenu type field.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. Click the Build SubMenu build submenu then add the info for the menu item.

    build submenu

    build submenu

  4. Click on Add a row and then click Save to create new row

    build submenu

  5. Click on Add Column to add column for this row

    build submenu

    We got:

    • Width: Configure column-width. The maximum of columns is 12 based on the bootstrap columns format.
    • Column title: Enter title of column (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select type for column title(PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Specific class: Class to style the column title
    • Active in mobile: Choose Yes pulish in the mobile
  6. Click Save button when you finish

  7. After that, you need configure submenu item

    We got:

    • Type item: Select submenu item type (Category tree, Prestashop Link, Custom Link, Product, Banner image, HTML block, Manufacturer logo)

      - Category tree

      • Select a category: Select category

      - Prestashop Link

      • Prestashop link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link

      • Title: Enter custom block title
      • URL: Enter internal or external link

      - Banner image

      • + Image source: Upload banner image from computer
      • + Image link: Enter internal or external link for banner image

      - HTML block

      • HTML content: Enter the HTML to define the column

      - Manufacturer logo

      • Select manufacturer: Select manufacturer logo from list
    • Active in mobile: Choose Yes pulish in the mobile

This allows you to to config selected elements as general configuration for the MegaMenu.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. In part MENU SETTINGS

    general setting

    => Configure parameters as you want

  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. In part MENU LIST, click Edit on selected menu item

    edit menu

    edit menu

    => Configure parameters as you want

  4. Click Save button when you finish

Note: In part Menu List, using drag / drop function to move menu item into another position.

drag drop menu item

Configure the width of the sub-megamenu, change title, link and add class that style for submenu.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Mega menu

  3. Click the Build SubMenu build submenu

    build submenu

    build submenu

    build submenu

    => Configure parameters as you want (edit, add new or delete row, column; add new submenu item)

Note: In this part, using drag / drop function to move row in a single column, or the columns with each other.

drag drop submenu item

drag drop submenu item

  • Login your Prestashop admin
  • Go to POSTHEMES > Modules > Mega menu

  • In part MENU LIST, click Edit on selected menu item
  • Click to choose language you want to translate.
  • At Title, translate the menu item.
  • Click Save button when you finish

Support Working time: Monday - Friday

Estimated ticket and answers review time: 1-3 business days.

We have hundreds of questions and provide answers asap, but this can take up to 3 days after your submitted request. Please be patient and wait for answer.

Send us email to posthemes@gmail.com.