Visit Main Site
Join Partner Program
Login
     
Getting Started with Template
Building a Website
Starting Template Creation
Layout
Creating Your Layout
Editing The Content Section
Creating & Editing Docker
Positioning
Pages
Create a Page
Page Content Editor
More Features
Widgets
Files & Assets
Designing With Custom CSS
Development With Custom JS
How to Add Fonts
How to Add Images
Navigation
How to Create?
How to Modify Existing Navigation?
How to Set a Navigation?
Snippet
Adding Snippet Template
Add Code to Snippet Template
Data Attribute
Skip-control
Create Snippet
Using Snippets on Page
Responsive Design
Crafting Responsive Content
Crafting a Responsive Header
Hide Grid for Specific Resolutions
Import & Export Guide
Marketplace Template Management
Demo Template
Logo & Favicon
» How to Create?

How to Create?

This guide provides a step-by-step approach to creating effective navigation. It covers the key elements of navigation and offers tips for designing intuitive and user-friendly navigation. Whether you’re building a new website or template, this guide will help you create a navigation that helps your users find what they need quickly and easily.

Go to the Content tools section in your Web Commander instance and Expand to view options

Find and click on the Navigation Section

Clicking it will open a section that will display your existing navigation and a Button will be there for creating new Navigation

Clicking on the Button will create a new section where you can provide the navigation Name & click on the save button

Clicking on the save button will open a portion that will display some mandatory fields for creating a navigation

Give a proper label & class name for your Navigation

Toggle on disable redirection will stop the feature for page redirection

Select a type for your navigation

If you select specific types such as product, page, or Category → the system will open an option with existing selected type items in the list

  • By choosing URL as types, the system will open a field for input URL
  • By choosing Email as type, the system will open a field for input Email
  • By choosing Auto-generated Page as type, the system will open a section that will suggest some commonly uses pages that will be auto-generated by the Web Commander
  • The Navigation Target dropdown will provide some customised options to open the Navigation Target page
  • Choosing the _self option will open the navigation target page in the current tab
  • Choosing the _blank option will open the navigation target page in a new tab
  • Choosing the _parent / _top option will open the navigation on the parent page
  • You are able to select a parent for the navigation by selecting items from the parent section
  • You can upload images for the item in the images section
  • You can save the created details by simply clicking on the save button & if you want to create another item just press on the Plus icon
  • Above steps will guide you to create navigation successfully. A pop-up with a success message and in the Navigation list you can see your created navigation item.

The right side of the list shows the navigation with its label

Terms and Conditions
Privacy Policy

© 2024 WebCommander | All Rights Reserved

contact@webcommander.com
1300 797 571

WebCommander
About Us
Features
Pricing
Compare
Partners
Contact Us
Resource
Find a Partner
Help Centre
Community
Blog
Solutions
Inventory Management
Omnichannel Sales
Ecommerce Automation
B2B Ecommerce
Headless Commerce
Website Design and Performance