Main Menu

Main Menu allows you to build advanced menu systems with categories, products, brands, custom items and html content. It supports mega menu style navigation as well as multi-level dropdowns.

First you have to create menus at Catalog > Category and same need to pull here.

The main menu is created in Flipkart > Menus > Main Menu and the styling (colors, fonts, etc) is done in FlipkartSettings > Header > Menus > Main Menu
—————————–
Mega menu has many options to create beautiful menu style. as you are new to this software, just follow below steps so that you can add menu in few minutes. go to
1)Flipkart > Menus > Main Menu
2)Click on Menu Item 1 or Add New
3)Check Main menu type, it should be shifted to “Category”
4)Now in “TOP CATEGORY” pull your menu, click on field and Type first alphabet of category you have created under catalog>>category. then from dropdown select category.
5)Now give the name to Menu in “Overwrite Menu Name”
6) Check for status , it should be ON
7)Now Click on save button, that you will find in Top Right Corner,
it’s done. Go to Your home page and check now.
for next level of design just read below article.
___________________________________
Category
  • 2 Save – Every time you make a change, hit the Save button to apply it in the store front.
  • 3 Reset – Click this to reset your main menu to the default Opencart top categories.
  • 4 Main Menu Type – Choose what type the current menu item should be. In this case Categories
  • 5 Category Menu Type – If the menu type is Category, choose whether to display it as Mega Menu or Multi Level. The Mega Menu can display up to 3 levels of categories with optional category images on the right side of the links, while the Multi Level will display the categories in standard dropdown style with support for multi level subcategories.
  • 6 Category Menu Item – The menu item can use an existing category structure or a custom one. If you choose Existing and have a main category called “Electronics” and that has 5 subcategories attached to it, the 5 subcategories will become 5 mega menu columns while the “Electronics” will be the main menu item in the menu bar. If you choose Custom the main menu item will not be a link and you can manually build each column as you wish. This could be useful if you want the menu item in the menu bar to be called “Categories” and display a custom set of categories but not be itself clickable.
  • 7 Top Category – This is the main category that will appear in the menu bar and will have its immediate subcategoires displayed as mega menu items or dropdown items.
  • 8 Show – For Mega Menu type menus you have the option to show the subcategories links with images or just the links or just the images.
  • 9 Overwrite Menu Name – If point 6 is Existing this can overwrite the default menu name from point 7 in case you want to call it something else but have it point to that page. If point 6 is Custom this is where you give the menu item a custom name.
  • 10 Items per Row – If point 5 is Mega Menu this allows you to indicate how many columns should there be displayed per row, for each resolution breakpoint.
  • 11 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 12 Status – Selectively turn menu items on/off.
  • 13 Sort Order – Can position menu items before or after each other.

Product
  • 1 Main Menu Type – Choose what type the current menu item should be. In this case Products
  • 2 Source – Variety of built-in sources of products. Can automatically populate from (Featured, Latest, Bestseller, Special), any category or brand, random products or custom.
  • 3 Module / Category / Brand – Choose the source of products.
  • 4 Overwrite Menu Name – Can overwrite the default menu name from point 3.
  • 5 Items per Row – Indicate how many products should there be displayed per row, for each resolution breakpoint.
  • 6 Item Limit – Can limit the products shown. For example if a category has 20 products you may want to only show the first 5.
  • 7 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 8 Status – Selectively turn menu items on/off.
  • 9 Sort Order – Can position menu items before or after each other.

Brands
  • 1 Main Menu Type – Choose what type the current menu item should be. In this case Brands
  • 2 Menu Name – The menu item name, such as “Shop by Brand”, etc.
  • 3 Manufacturers – Choose whether to display all brands or manually add the ones you want.
  • 4 Show Name – Optionally show a title with the brand’s name or just show the brand image.
  • 5 Items per Row – Indicate how many brands should there be displayed per row, for each resolution breakpoint.
  • 6 Item Limit – Can limit the brands shown if point 3 is All.
  • 7 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 8 Status – Selectively turn menu items on/off.
  • 9 Sort Order – Can position menu items before or after each other.

Custom
  • 1 Main Menu Type – Choose what type the current menu item should be. In this case Custom
  • 2 Custom Link – The main menu item link. Customize it to point to any page with the Theme’s smart link system.
  • 3 Menu Name – Optionally overwrite the menu name.
  • 4 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 5 Status – Selectively turn menu items on/off.
  • 6 Sort Order – Can position menu items before or after each other.
  • 7 Link – The sub menu item link.
  • 8 Menu Name – Optionally overwrite the menu name.
  • 9 Sort Order – Can position sub menu items above or below each other.

HTML
  • 1 Main Menu Type – Choose what type the current menu item should be. In this case HTML
  • 2 Menu Name – The main menu item name.
  • 3 Items per Row – Indicate how many columns you want to display per row.
  • 4 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 5 Status – Selectively turn menu items on/off.
  • 6 Sort Order – Can position menu items before or after each other.
  • 7 Link – The optional HMTL column title.
  • 8 Status – Selectively turn html columns on/off.
  • 9 Sort Order – Can position html columns before or after each other.
  • 10 Content – The HTML content.

Mixed
  • 1 Main Menu Type – Choose what type the current menu item should be. In this case HTML
  • 2 Menu Name – The main menu item name.
  • 3 Items per Row – Indicate how many columns you want to display per row.
  • 4 Hide on Mobile – Optionally hide the menu item on mobile devices.
  • 5 Status – Selectively turn menu items on/off.
  • 6 Sort Order – Can position menu items before or after each other.
  • 7 Link – The optional HMTL column title.
  • 8 Status – Selectively turn html columns on/off.
  • 9 Sort Order – Can position html columns before or after each other.
  • 10 Content – The HTML content.