Joomla, OpenCart...Themes & News

We deliver a wide range of template and extension for Joomla, OpenCart, Shopify. We update our products frequently on this blog so that you can find what you need here.
For more options, please visit our main page: http://www.smartaddons.com/

How to Build a Mega Menu on Joomla Step by Step

Posted by on in Joomla Tutorial
  • Font size: Larger Smaller
  • Hits: 1062
  • 0 Comments
  • Subscribe to this entry
  • Print

Menu is an important part in every website. It shows highlight information and helps visitors quickly navigate to their destinations. Especially, a mega menu is really helpful and necessary for a modern website. It is perfect for showing complex content rather than simple links.

Mega Menu can show categories and news with description, image, video, effects, products, add links to any page, static blocks with promotion banners and modules… or even custom HTML block.

In this tutorial, we will show you how to create and configure a mega menu with Sj Mega Menu extension on a Joomla template website.

configure mega menu module

Build a Mega Menu on Joomla Website

Step 1: Download

Download Sj Mega Menu Extension HERE.

If you're not a JEC member, please purchase it HERE - Save 45% discount on Halloween Promotion 2019. Limited time.

Step 2: Install the Sj Mega Menu Module

Unzip the zip package. Go to Extensions -> Extension Manager. In this page, click “Choose file”, select module package. Then click Upload & Install

Step 3: Configure the module

configure mega menu module

configure mega menu module

configure mega menu module

Step 4: Configure the menu

1. Menu HOME

Just select the article you want to display in home page.

configure mega menu module

2. Menu THEME WORKS

Set the menu width for 800px and select Full layout. Drag & drop banner modules into 5 columns.

configure mega menu module

2.1 Second level module: Standard

configure mega menu module

configure mega menu module

2.2 Third level menu: People

configure mega menu module

configure mega menu module

Configure the same for other 2nd & 3rd level menus.

3. Menu FLYOUT

configure mega menu module

For second & third level menus: Configure the same as in the THEME WORKS menu.

4. Menu MEGA MENU

configure mega menu module

For second level menus: Configure the same as in the THEME WORKS menu.

5. Menu IMAGES

configure mega menu module

6. Menu TABS

configure mega menu module

7. Menu DINAMIC

configure mega menu module

For second & third level menus: Configure the same as in the THEME WORKS menu.

Based on your website purposes and requirements, you can custom the mega menu module to display various contents. Sj Mega Menu extension can be used on SmartAddons's Joomla templates as well as any Joomla templates. With drag and drop function, you can easily, quickly build a professional Mega Menu for Joomla.

Last modified on
Rate this blog entry:

SmartAddons specialize in products for Joomla. Up to now, we've had 100+ Professional Joomla Templates and 200+ Professional Joomla Extensions which are built-in with the latest standards plus optimized to satisfy customers' demands.
Our products are steadily updated to adapt any future Joomla release versions. With our design, you can build complex templates in the fastest way as well as use them for various purposes.
Our supporting team is always ready to answer any question or problem - we're here to help!
Join us now to catch up our latest news!

Comments

  • No comments made yet. Be the first to submit a comment

Leave your comment

Guest Sunday, 22 December 2024

Shortcuts

Wohnung Löbau Auf wohnen-in-loebau.de finden Sie bestimmt Ihre neue Wohnung in Löbau.