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.

How to create Top Menu for the store? 2fed4f672e

 

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.

How to create Top Menu for the store? 47e60e632a

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.

How to create Top Menu for the store? cbcfd1fac9

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.

How to create Top Menu for the store? 8c994f16dd

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.

How to create Top Menu for the store? d2e4b56224

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.

How to create Top Menu for the store? 6a55454cd2

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.

How to create Top Menu for the store? faa246d631

Click on OK to continue.

How to create Top Menu for the store? 376712f5c1

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:

How to create Top Menu for the store? aa873f6f76

 

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.

How to create Top Menu for the store? 3be98ce36d

STEP-6. Click on Save button.

Was this answer helpful?

 Print this Article

Also Read

How to Integrate Cemantika App with Your KartRocket Store

  According to recent reports, 68% of marketers say personalization based on behavioral data has...

How to integrate social plugins in studio plan?

You can integrate your different social account such as facebook, twitter, pinterest, youtube,...

How to change the image dimensions?

Image dimension section will help you to change the dimensions of the images for product page,...

How to clear store Cache?

Whenever you make some changes in your store admin, It is require to clear the cache of your...

How To Integrate Flat or Free Shipping app to your KartRocket Store

FLAT OR FREE SHIPPING Using this app you can Define rules and offer mix of free and flat...