Mega menu

Mega menu

Mega menu is used to give users a bird's-eye view of all the menus in your store, in rows and columns, so that your store's products can get maximum visibility. 





Benefits

  1. Enhances the quality of your visitor's site navigation
  1. Helps arrange the titles through layout, typography, and images 
  1. User-friendliness can be increased by forming logical groups and categories 
  1. Reduces scrolling as everything is visible at the same time 


  1. Go to SettingsMenus under Customize.
  2. Click New Menu. Provide a menu name and select check box Is this a Mega menu?
  3. Click OK to create a mega menu.


Rows

By default, mega menus have one row. The default row will have four columns. 



To add a new row

  1. Click Add Row at the bottom.
  2. Select the layout and click OK.


To change row layout

  1. Click the layout icon above the row name.
  2. Select the layout design. The row will automatically change to the desired layout. 


Selecting a layout with fewer columns than the current number of columns will push the Menu Items (from the columns being removed) to the end of the column that will remain after transition.

To rearrange row order

Use the arrows provided beside the layout icon to move rows up or down to rearrange as per your wishes.

To delete a row

  1. Click the Delete icon
  2. Confirm by clicking Delete once more.


Columns 

Add new menu items

  1. Hover over the column and click Add Item.


Add collections as a menu item

  1. Select Collections from the left panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Select a collection from the drop-down list. All the available collections in your store will be listed here.
  5. Click Save.


Display images in mega menu

  1. Select Collections from the left panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Image. 
  4. Click Add + icon. You can select existing images, or upload a new image or even select image library. Click Save.
  5. Select Collection from drop-down.
  6. Click Save.

Add products as a menu item

  1. Select Products from the left Panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Select Product by clicking on the Add (+) icon. 
  5. A list with all products will open. The categories will be listed on the left for easier navigation. Click Add Product.
  6. The added product will be shown. Click Change Product if required.
  7. Click Save.

A menu item will be created for the product page. Clicking on this will redirect your customers to the product page of the linked product.


Add categories as a menu item

  1. Select Categories from the left Panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Select a Category from the structure. 
  5. Click Save.



Add page as a menu item

  1. Select Page from the left Panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Select a Page from the list.
  5. Click Save.
  1. Select External Link from the left Panel.
  2. Provide Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Provide External Link URL.
  5. Enable Target toggle to open Page in a new tab.
  6. Click Save.

Add a file as a menu item

  1. Select File from the left Panel.
  2. Provide Menu Item Name.
  3. Use the Upload button to add new files. You can also add a New Directory.
  4. Open Image Library to use stock images.
  5. Select the required file and click Save.


Add blog category as a menu item

  1. Select Blog Category from the left Panel.
  2. Provide the Menu Item Name.
  3. Choose to Show as Text, Heading, or Image. 
  4. Select Category from the list.
  5. Click Save.



Add text as a menu item

  1. Select Text from the left Panel.
  2. Provide Menu Item Name.
  3. Enable toggle to Show as Heading.
  4. Click Save.



Rearrange menu items between columns

Drag and drop existing menu items to a different column to move them around within different columns. 

Columns cannot be rearranged as a whole.


Edit or Delete menu items

  1. Click More Options [beside the menu item.
  2. Click Edit to change features of the menu item.
  3. Click Save




Delete menu items

  1. Click More Options [] beside the menu item.
  2. Click Delete, then confirm by clicking Delete on the pop-up window.

    Zoho DataPrep Personalized Demo

    If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

    Zoho CRM Training

      Create, share, and deliver

      beautiful slides from anywhere.

      Get Started Now





              Zoho CRM Training Programs

              Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

              Zoho CRM Training

                  Zoho SalesIQ Resources



                      Zoho TeamInbox Resources




                                Zoho DataPrep Resources

                                  Zoho DataPrep Demo

                                  Get a personalized demo or POC

                                  REGISTER NOW


                                    Design. Discuss. Deliver.

                                    Create visually engaging stories with Zoho Show.

                                    Get Started Now











                                                          • Related Articles

                                                          • Menu

                                                            This feature helps you organize your store better. You can group your products under Menu items by categorizing them. You can group your products as Menu items to categorize them Go to Settings > Menus   under Customize Settings. You will find a list ...
                                                          • Why is a category not listed in the Menu?

                                                            Always check if Show in Menu is enabled for the specific Category. If it is disabled, then it will not appear on the Menu.
                                                          • How can we link the menu button with the pages?

                                                            Menu Element can be added in your store. These Menus can then be linked to an external link, as well. To learn more about menus, click here.
                                                          • Can I use Zoho Commerce to set up a mega store (like Amazon) that allows vendors to sell their goods under my main brand?

                                                            Zoho Commerce allows you to set up your own online store and sell products via the platform. We have not designed it to be a marketplace, and the features required for the marketplace are not currently in the product development pipeline.
                                                          • Pages

                                                            Add Pages Every theme in your builder has three pages by default: Home, Contact, and Blog. You can add more pages when required. Click the Add icon [] in the top-left corner of your builder. Click Page in the dropdown list. General  Enter a Page ...

                                                          Resources

                                                          Videos

                                                          Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                          eBooks

                                                          Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                          Webinars

                                                          Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                          CRM Tips

                                                          Make the most of Zoho CRM with these useful tips.



                                                            Zoho Show Resources