Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Before you start, make sure you have added the page(s) you want to have breadcrumbs on to the sitemap. 

If your environment already have has an existing breadcrumb menu, please go to step 2. 

...

Save your changes and go to your page - you can now look at your first created breadcrumb! (star)(star)


Image 1.4 Our first breadcrumb.

...

Now go to your page, and open the breadcrumb widget. Refresh the menu by finding it in the dropdown again, you will now see that two pages pop up under it! 


Image 1.4 Breadcrump pages Breadcrumb pages automatically updated. 


Go to the URL of your page and check if everything has gone as it should. By making this tutorial I forgot to copy the Localization Options in the breadcrumb widget to all languages, and hence, I had no idea why it did not work for a couple of minutes. 

...

You know have a small breadcrumb structure! (star) (star) You can repeat this step and add more group widget options if you want a longer breadcrumb structure. Next: Breadcrumb styling

Go to the page you want to edit the breadcrumbs on and localize the breadcrumb widget. 

Click on 'edit the widget'. 

On the button of the general tab you will see a dropdown choice with the headline 'Select the home label type as'. 

Chose 'Label' in the dropdown as shown on the image under. 

Image Added
Image 1.5 Select label dropdown.


Save and open your page to see the changes! (star)

Image Added
Image 1.6 Show label option. 


If you chose 'Show both label and icon' your breadcrumb structure will look like this now: 

Image Added 
Image 1.7 Show both label and icon option. 


If you want to change it back to only having the icon you can choose 'Icon' in the dropdown