How to create Top Menu for the store?
You can design your top menu in your own way such as by adding images to the menu, linking the menu with the categories, category images or a full HTML menu.
KartRocket provides you a tool, Mega menu builder, which assist you in designing your top menu. Top Menu builder will help you in the following ways:
- Display static pages like About Us, Contact Us, Company profile in the top menu.
- Enable URL links in the top menu for navigating to different web pages, both internal and external.
- Link categories and sub categories along with the images.
- Display images for sub categories instead of category name.
- Display a particular product in the top menu.
Note: Before designing the top menu, make sure that you have created the categories first by using Bulk Upload option or manually. Click here to know how to create product category.
Simply follow the below process to design your menu.
STEP-1. Click on Top Menu.
Once you create the top menu, existing Menu tree will be displayed on the left side.
To create the menus fill the details on the right side.
STEP-2. Now, define the Module Assignment details:
- Layout- Select the Layout where you wants to display the Top Menu. We have selected it as All pages so that the Top Menu can will be available throughout the website.
- Position- Make sure that you have selected the position as Main Menu only.
- Status- Select the status of the Menu.
- Sort Order- Define sort order for the menu.
STEP-3. Enter the menu information:
- Title- Enter the name or label of the menu, which will be displayed on the Top Menu.
- Description- Enter the description of the menu, in case any.
STEP-4. Select the menu type:
- Is Published- Select this as “YES,” if you want to publish the menu otherwise select “No”
- Type- Select the type of the menu as explained below.
1. URL- Select URL as menu type, if you want to link the menu with a URL. Then, define the URL under the URL column.
2. Category- Select category as menu type, if you want to link your categories to the menu. Select the category name by typing the initial of the category in the category column.
3. Information- Select the menu type as Information, if you want to link your information pages to the menu. Select the page you want to link from the list in the information column.
4. Product- Select the menu type as product, in case you want to link a product in the top menu.
5. Manufacturer- Select the type as manufacturer, in case you want to link the brand/manufacturer category to the menu.
6. HTML- Select HTML as menu type, if you want to use HTML in the menu. Also, you use this to upload Menu image.
To upload the image, click on “Image Upload” icon in HTML editor. After uploading the image, define the image dimensions.
Click on OK to continue.
STEP-5. Now define the menu parameters:
- Parent ID- Select the Parent category, in case you are creating a sub-menu.
- Image- In the sub-menu, you can upload image of the category which will be display in the menu.
- Menu Class- Apply the CSS in this column.
- Show Title- In case you don’t want to display the title of the menu, then select this as “NO” otherwise select as “YES”
- Is Group- If you select this option as “YES” then the complete menu will appear as a tree like the below screen:
If you don’t want to group the menu and want to show the sub-menu on the hovering effect then select this option as “NO”
- Columns- You can define the columns you want to display under a particular menu. The columns can be defined upto 4 levels.
- Detail Columns Width- Define the column width under the menu.
- Sub Menu Type- Select sub-menu type as Menu.
STEP-6. Click on Save button.
