Skip to content
D
Documentation

Understanding Breadcrumbs Drawers And Shared Navigation Patt

11 min readUpdated

Finding Your Way with Shared Navigation Elements

In Sherkety ERP & Website Platform, the same navigation ideas appear in both the public website and the admin area, even though the links themselves are different. As you move through service pages, ERP module pages, and admin screens, pay attention to four common cues: the top navigation, the breadcrumb trail, the drawer toggle, and the page title.

On public pages, the top navigation helps you move between major areas such as services, company guidance, ERP pages, and contact paths. In the admin area, the main navigation focuses on work areas such as Dashboard, Content, Users, Settings, SEO, Services, and Pricing. The wording changes based on where you are, but the purpose stays the same: it shows the main sections available from your current view.

The breadcrumb trail appears as a path showing where the current page sits inside a larger section. This is especially useful when you open a detailed page such as a company type page, an ERP app page, or a deeper admin screen. Instead of relying on your browser’s Back button, you can use the breadcrumb links to move directly to a parent page.

When the full menu is not visible, look for the drawer toggle. This opens a side panel with navigation links. It is especially helpful on smaller screens and in tighter layouts where the full menu would take too much space.

The page title area confirms what you opened. If you see a breadcrumb path, a clear heading, and the expected menu section highlighted, you can quickly tell whether you are:

  • browsing public service content
  • reviewing ERP features
  • editing website content
  • managing admin settings

Using Breadcrumbs to Move Between Parent and Child Pages

A breadcrumb trail reads from left to right. The first item is usually the broadest starting point, such as the home page or a top-level section. Each item after that becomes more specific until you reach the page you are currently viewing. The last item in the trail shows your current location and is there for context, not for navigation.

For example, if you open a detailed company type page or an ERP app detail page, the breadcrumb may show a path from a broader category page down to that specific page. This helps you confirm that you did not land in the wrong place. If the final label matches the page heading, you can be confident you are viewing the intended content.

As you use breadcrumbs, keep these patterns in mind:

  • Earlier items in the trail are usually clickable.
  • The final item is usually the current page and is not meant to be clicked.
  • Each label reflects a visible section or page name, so the trail is easy to read without technical knowledge.

Breadcrumbs are especially useful when you want to move up one level without losing context. If you are reading a detailed page and want to return to the broader section, click the earlier breadcrumb item for that section. This is faster than using the browser Back button several times, especially if you opened the page from search, a homepage section, or a direct link.

You can also use the breadcrumb to double-check where you are before taking action. In the admin area, this matters when moving between Content, SEO, Users, or Settings. On the public website, it helps when comparing ERP modules or moving between company guidance pages.

If you need a refresher on page location cues in general, see Understanding Breadcrumbs and Page Location.

Opening the Navigation Drawer When You Need More Options

When the main menu is collapsed or there is not enough room to show all links, use the drawer toggle to open the navigation drawer. This control is typically placed near the top of the page and opens a side panel with additional navigation choices.

In Sherkety ERP & Website Platform, the drawer is useful in two common situations:

  • on smaller screens, where the full header menu is hidden
  • in the admin area, where many sections need to stay available without taking over the page

Inside the drawer, you will usually find:

  • links to major sections
  • related pages grouped together
  • nested items that help you move deeper into a section
  • shortcuts to areas you may not see in the top header at that moment

On the public website, the drawer can help you reach service pages, ERP pages, company guidance pages, and other browsing destinations when the top navigation is condensed. In the admin area, it can provide access to work areas such as Dashboard, Content, Users, Settings, SEO, Services, and Pricing.

The drawer is designed to save space while keeping navigation close at hand. Open it when you need to switch sections, then close it once you have selected your destination. In most cases, choosing a link closes the drawer automatically and loads the selected page. If it stays open, use the close control or click outside the panel to return your focus to the page content.

A few practical habits make the drawer easier to use:

  • open it when you cannot see the link you need in the header
  • scan grouped links before tapping deeper pages
  • close it after navigation so the page content is fully visible

Staying Oriented as You Move Between Website and Admin Pages

One of the most helpful design patterns in Sherkety ERP & Website Platform is that public pages and admin pages use familiar location cues, even though the tasks are very different. Whether you are reading about accounting services, reviewing ERP modules, editing content, or maintaining settings, the layout gives you repeated signals about where you are.

The breadcrumb trail and drawer access work in both spaces. On public pages, they support exploration. On admin pages, they support task-based work. That consistency matters when you switch from browsing a page to managing it. For example, you might review a public page, then sign in and move to Content or SEO to update related information. Because the navigation patterns stay familiar, the transition feels less abrupt.

Besides breadcrumbs, use these orientation cues:

  • the page heading, which confirms the current screen
  • the active navigation item, which highlights the section you are in
  • the grouping of links, which shows whether you are in a browsing area or a management area
  • the overall page layout, which often differs between visitor-facing content and admin workspaces

These cues support several common journeys:

  • Visitors move between homepage sections, service pages, company type guidance, and ERP app pages.
  • Prospective buyers compare modules such as Accounting, Sales & CRM, HR, Purchasing, and Reporting.
  • Content editors sign in, open Dashboard, then move to Content to update page sections.
  • Administrators move through Users, Settings, SEO, Services, and Pricing to maintain the site.

If you already read Using Pagination in Catalogs and Admin Lists, think of breadcrumbs and drawers as the location tools that work alongside page lists. Pagination helps you move through long results; breadcrumbs and drawers help you understand which section those results belong to.

Recognizing What Navigation Tells You About Access and Context

Navigation does more than move you from page to page. In Sherkety ERP & Website Platform, it also tells you what kind of space you are in and what you are allowed to access.

Some links and breadcrumb paths appear only after you sign in to the admin area. Screens such as Dashboard, Content, Users, Settings, SEO, Services, and Pricing are part of the administrative workspace, so you should not expect to see them while browsing the public website. If those links are visible, that is a strong sign that you are in an authenticated area rather than a visitor-facing page.

You can also learn a lot from what is not shown:

  • A short breadcrumb trail often means you are already near the top of a section.
  • A missing admin link may mean your account does not have access to that area.
  • A smaller drawer menu may reflect your role or the current section’s limited navigation options.
  • A public page without admin links confirms you are in browsing mode, not editing mode.

The public website is organized for discovery. Its navigation helps you explore services, ERP offerings, company guidance, FAQs, and contact options. The admin area is organized for maintenance and control. Its navigation points you toward content updates, pricing setup, search-facing details, settings, and user management.

Before you take action, glance at three things:

  • the breadcrumb path
  • the visible drawer links
  • the page title

Together, these tell you whether you are:

  • reading public information
  • comparing offerings
  • working in a protected admin section
  • viewing a page that sits high or deep within the current section

This is especially useful when switching between public content and admin tasks such as those covered in Using the Admin Dashboard for Navigation and Understanding Admin Page Access and Protected Navigation.

Fixing Common Navigation Problems

If navigation does not look the way you expect, start with the visible cues on the page rather than guessing. In Sherkety ERP & Website Platform, the breadcrumb trail, page heading, and drawer contents usually tell you what went wrong.

If the breadcrumb trail does not match the page you expected, compare the final breadcrumb label with the main page heading. If they do not match what you meant to open, click an earlier breadcrumb item to return to the parent section. From there, choose the correct page again. This often happens when you arrive from a search result, a homepage card, or a link inside another section.

If the drawer will not open or seems empty, first check whether the layout is already showing the full navigation in the header or side area. On larger screens, the links may already be visible, so the drawer is not needed. In the admin area, an empty or limited drawer can also mean your account does not have access to certain sections.

If you cannot find an admin destination from a public page, that is expected. Public pages focus on browsing and conversion actions, not administration. Sign in through the admin entry point, then use the admin navigation to reach Dashboard, Content, Users, Settings, SEO, Services, or Pricing.

If a breadcrumb link or drawer item is missing, consider these possibilities:

  • your account does not include access to that section
  • the page is not part of the current navigation path
  • the content is restricted to the admin area
  • the item is not available from the page you are currently viewing

For related guidance on interface feedback after navigation or access attempts, see Understanding Toast Messages and Action Feedback and Recognizing Warnings Errors and Dismissible Notices.

Overview

Breadcrumbs, drawers, and shared navigation patterns make it easier to move confidently through Sherkety ERP & Website Platform without losing your place. These elements appear across both the public website and the admin area, so once you recognize them in one part of the product, you can use the same habits elsewhere.

The most important ideas to remember are:

  • Breadcrumbs show where the current page sits in a larger section.
  • Earlier breadcrumb items usually take you back to parent pages.
  • The last breadcrumb item identifies the page you are on.
  • The navigation drawer gives you access to links when the full menu is hidden or condensed.
  • Page titles and active navigation highlights confirm your current section.

These patterns support different kinds of work:

  • browsing service and ERP pages on the public website
  • moving through company guidance and detail pages
  • switching into the admin area to edit content
  • managing settings, users, pricing, and search-facing information

They also reduce mistakes. Before clicking deeper into a section or making changes in the admin area, you can quickly confirm your location by checking the breadcrumb path and heading. If something feels off, use the breadcrumb to step back to a broader section or open the drawer to choose a different destination.

The next document, Understanding Shared Interface Patterns Across Public and Admin Pages, builds on this by showing how these familiar layout cues connect with other repeated interface patterns across the product.

Prerequisites

You do not need any setup to use the navigation patterns in Sherkety ERP & Website Platform, but a few basics will help this guide make more sense.

You should already be comfortable with:

  • moving between pages using the site header or visible section links
  • recognizing page titles and major section names
  • using standard page links on both desktop and mobile layouts

This guide works best if you have already read:

That earlier guide explains how to move through long lists of items and results. Here, the focus is different: understanding where you are in the overall structure and how to jump between related sections.

If you want more background before or after reading this page, these related guides are especially useful:

If you are signed in to the admin area, make sure your account already has access to the sections you expect to see. For example, some users may be able to open Dashboard and Content but not Users or Settings. If a link is missing, that may be a visibility or permissions issue rather than a navigation problem.

Once you can recognize the breadcrumb trail, drawer toggle, and page heading, you are ready to use the rest of this guide effectively.

Was this page helpful?

Download as PDF
Understanding Breadcrumbs Drawers And Shared Navigation Patt — Sherkety Bytes Align