Similar Modules
Fixed Secondary Navigation
Sticks to the top of your page and provides a collection of useful links.
Chapters
Allows you to navigate within a long page more easily.
Module Preview
Module Preview
FAQ's
How To Use This Module
Guide your visitors through multiple pages from the website’s structure, enabling easy page exploration and providing contextual understanding. Best practices include using concise labels, organizing links in a logical order, and implementing responsive design for optimal user engagement
Use Cases
The (CSOL) Breadcrumbs module is useful when you want to provide your page visitors with a clear navigation path within your page. It is an ideal choice for a collection of multiple pages with a hierarchical structure, such as Resource Center, Offer bundles and even Knowledge Base pages.
By implementing the Breadcrumbs module, you can enhance your page visitors user experience by enabling easy navigation back to previous pages and promoting context-awareness..
By using concise labels and organizing links in a logical order, you can help your page visitors to effortlessly navigate your website and find relevant information. The Breadcrumbs module can be customized to match the Page Header background color, to create a seamless above the fold experience.
Guidelines
Character Count
- Recommended Breadcrumbs link character count is ~28 characters
Link Count
- The module provides the option to add up to 5 links inside a Breadcrumbs component, with the option to include the current page
Things to Know
- Breadcrumbs links are mandatory
- Toggle to include current page is optional
- Toggle to enable overlay display is optional
- As the Breadcrumbs module is likely to be paired with a Page Header module, its background options match those of a CSOL Page Header, featuring White, Light, Neutral and Dark background themes.
- On Tablet and Desktop, all Breadcrumbs links will be visible, if they fit inside the viewport, otherwise, they will be truncated.
- On Mobile, only the “previous page” links is displayed
What's New?
| v2.12.0 July 2024
- This module now has the option to enable overlay display so breadcrumbs will be displayed overlayed on top of the module that follows and with no bottom padding, creating a seamless look.