Breadcrumb Widget

Business Background

A breadcrumbs widget on a website is like a navigational trail that helps users understand their current location within the website’s hierarchy. Breadcrumbs are structured as a series of clickable links, starting with the homepage and progressing through each level of the site’s structure to the current page. They are especially useful for websites with deep content hierarchies or e-commerce sites with many categories and products, providing clear navigation paths and improving overall user experience.

Titan Solution

With Titan Web, you can add breadcrumbs to your web page to serve as a clickable navigational aid that helps users understand the website’s hierarchical structure and their current location within it.

How to Guide

1. Click the + icon to open the element list.
2. Select the Widget option and drag the Breadcrumb widget onto the canvas.

3. Click the widget’s Gear icon to open the Breadcrumb Settings screen.
4. Click the Configure button. The Configure Items screen opens. The navigation components are configured from this screen.

5. Type a label in the Label field.
6. Click the Configure button to configure the breadcrumb link. The On Click Action screen opens.
   • Configure On Click Actions. For instance, you can redirect to another page.
   • You can configure an action for each breadcrumb.

7. Click the Copy icon to copy an existing label. The label is duplicated.
8. Alternatively, click the Add an Item option to add a breadcrumb.
9. Click the Apply button.

10. Save and Preview the project. The breadcrumbs will automatically reflect on your page.