Breadcrumbs

[darynavashchenko]

Hey guys!

I foud the module Breadcrumbs in layouts, but I can't figure how to add it on my page.
What must my next step to be?

Yours,
D.

[Dee]

Hi

1. create a Breadcrumb-module
2. binding it a the site layout

[Andreas]

If your breadcrumb module already is included in your page layout but you can not see it in FE then you have to check some things.

Is it part of the FE output inside the source code so that it is there you only can not see it (CSS)?
Does this page in FE use the layout where the breadcrumb is included (page layouts gets inherited down the page tree).
Does your breadcrumb module use a custom template which does not work?

[Aga]

How to add Breadcrumbs to site layout?
Will it be added to all sites at once?

[Andreas]

After you have created a FE module Breadcrumb, go to your layout and add it to Included modules.

No, it will be added only to this layout, not to pages. Pages that use this layout then all have this breadcrumb module.

Hint: Try to work with less page layouts as possible. Best is, if you only have one page layout. You don't have to asign a page layout to all pages. If you assign a page layout to the page type Website root then all child pages inherit this layout.

[Aga]

Thank you for answer.
I still have questions because I'm not familiar with handling Contao etc.

I created module Breadcrumb with template mod_breadcrumb and type 'navigation path'.
Then in page layouts I added module Breadcrumb in main column above Article module.
I checked if pages use correct layout but there still is no breadcrumb navigataion.
What am I doing wrong?

[michelb]

You could try to clear the Contao HTML cache and see if it works. It's under System -> Maintenance.

[Aga]

There is 0 files under 'Purge the page cache' so I think that this is not the problem.

[Andreas]

There is no module type 'navigation path' in Contao 3.5.24. Choose the module type 'Breadcrumb navigation'. You do not have to select a template at all.

[Aga]

I have Contao 3.5.20.
Sorry my mistake, I have set 'Breadcrumb navigation'
Please look at pictures, this is what I have done.
Module.png
layout.png

[Andreas]

Ok, so make sure there is no modified template which means the original core template is in use. Make sure that your page uses this layout. Maybe rocksolid-frontend-helper can help you to figure it out.

And take a look at the HTML source code in FE. Maybe the breadcrumb is there and you only do not see it in fact of wrong CSS.

[Aga]

There is fe_page from Open Sauce as template. I checked that root site uses Content layout which has Breadcrumb module.
rocksolid-frontend-helper doesn't really works. Sometimes it shows up, but mostly not. I don't know why.
Which css should I check? I did not make any changes in them.

[Andreas]

Best is to show us a link to the page. You also have to check the page you are on, not only the root page. It is possible, that other pages use other layouts. Quick way to check all your pages is to look into your DB tl_page.includeLayout and tl_page.layout. Or: Unfold whole page structure, click on edit multiple, select all, click edit, select pagealias, includelayout and pagelayout. Then click on continue.

Frontend-helper only works if you have checked it in your user settings and you are logged in as a BE-user (same browser session). Then in FE you also can dis-/enable it.

Edit: If you use a theme then it is ok to use the templates of that theme.

[Aga]

Ok, I've got it... It found out that pages in sections had different layout than the root.
Thank you for help
Breadcrumb is showed as pointed list. Now I'm going to change this to other view like "page1 > page2 > page3".

[Andreas]

Great.

And you can formate this list items with CSS display:inline-block or float:left and

.mod_breadcrumb li::after {
  content: '>';
}

or similar.