Navigation

Navigations

Usage Instructions

To use the layout configuration file:

  1. Open the layout Folder in a text editor.
  2. Open the config.json file.
  3. Customize the top bar and appbar arrays according to your needs.
  4. Save the changes to the file.

Examples

1: Appbar

"menu": [
    {
      "title": "Home",
      "path": "/"
    },
    {
      "title": "Products",
      "path": "/products"
    },
    {
      "title": "Men",
      "path": "/products?gender=men"
    },
    {
      "title": "Women",
      "path": "/products?gender=women"
    },
    {
      "title": "Kids",
      "path": "/products?gender=kids"
    }
  ],

2: Mobile Appbar

  "mobile_menu": [
    {
      "name": "Home",
      "href": "/"
    },
    {
      "name": "Search",
      "href": "/search"
    },
    {
      "name": "Product",
      "href": "/products"
    },
    {
      "name": "Cart",
      "href": "/cart"
    },
    {
      "name": "User",
      "isUser": true,
      "href": "/auth/login"
    }
  ],

Troubleshooting

Issue: The menu items are not displaying correctly.
Solution: Ensure that the JSON syntax is correct, and the menu items are properly structured within the arrays.

Folder Structure