Breadcrumbs widget displays the data in a sequential order. Your can also click to go to a page in the sequence. You can build this widget easily with EnterAddons.
Using Breadcrumbs Widget :
You can see the below video to get an insight into how you can use the Breadcrumbs Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Breadcrumbs Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ section you will get Breadcrumbs Content Settings section.
After that, from Breadcrumbs Card Settings section, you can select breadcrumbs-type ( custom or dynamic ) and set-delimeter-type.
Also from this section, you can add breadcrumbs items with clicking ‘ADD BUTTON’ and remove with clicking ‘X’ button respectfully. And that is shown below :
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Settings, Item Style, Link Style, Active Style and Delimiter Style section respectively.
After that, from Wrapper Style section you can add content-alignment, wrapper-width, wrapper-height, margin, padding, border-type, border-radius, box-shadow respectively, and that is given below.
Then, from Item Style section you can add typography, margin, padding, height, border-type, box-shadow, border-radius and box-shadow respectively, and that is given below.
After that, from Link Style section you can add text-color in NORMAL view.
Moreover, from this section you can see HOVER view also.
After that, from Active Style section you can add text-color.
Then, from Delimiter Style section you can add delimiter-color and delimiter-font-size also.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.