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 Navbar, Footer Links and Dashboard Sidebar arrays according to your needs.
  4. Save the changes to the file.

Examples

1: Navbar

 
export const NAVBAR_LINKS = [
    {
        name: "Home",
        urlPath: "/",
    },
    {
        name: "Products",
        urlPath: "/products",
    },
    {
        name: "Contact",
        urlPath: "/contact",
    },
    {
        name: "About",
        urlPath: "/about",
    },
    {
        name: "Blogs",
        urlPath: "/blogs",
    },
]

2: Footer Links

 
export const FOOTER_DATA = [
 
    {
        heading: 'Products',
        link: [
            {
                text: 'Men',
                LinkPath: '/products',
            },
            {
                text: 'Women',
                LinkPath: '/products',
            },
            {
                text: 'Kids',
                LinkPath: '/products',
            },
        ]
    }
]

2: Dashboard Sidebar

 
 
export const DASHBOARD_DATA = [
    {
        id: 1,
        title: "Dashboard",
        slug: "/dashboard",
        icon: <LuLayoutDashboard />,
    },
    {
        id: 2,
        title: "Categories",
        slug: "/dashboard/categories",
        icon: <TbCategory2 />,
    },
    {
        id: 3,
        title: "Brands",
        slug: "/dashboard/brands",
        icon: <FaRegBuilding />,
    },
    {
        id: 4,
        title: "Products",
        slug: "/dashboard/products",
        icon: <BsShop />,
    },
    {
        id: 7,
        title: "Collections",
        slug: "/dashboard/collections",
        icon: <MdOutlineCollectionsBookmark />,
    },
    {
        id: 9,
        title: "Blogs",
        slug: "/dashboard/blogs",
        icon: <RiBloggerLine />,
    },
 
    {
        id: 5,
        title: "Orders",
        slug: "/dashboard/orders",
        icon: <BsCart3 />,
    },
    {
        id: 7,
        title: "Reviews",
        slug: "/dashboard/reviews",
        icon: <MdOutlineCollectionsBookmark />,
    },
    {
        id: 6,
        title: "Users",
        slug: "/dashboard/users",
        icon: <LuUsers />,
    },
    {
        id: 8,
        title: "Newsletter",
        slug: "/dashboard/newsletter",
        icon: <HiOutlineMailOpen />,
    },
    {
        id: 8,
        title: "Admin",
        slug: "/dashboard/author",
        icon: <RiAdminLine />,
    },
]

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