Same block in two places; how to use different templates?

By ErnoVanhala on 1 Mar 2016 at 14:34 UTC

I have put main navigation to two different areas. In area A the blocks shows only level 1 menu items and on area B it shows from level 2 to N. Now I would like to use different twig template for these two blocks but it seems that they both just use the same template. Is there any way to make two separate templates or even identify these two blocks so that I could make some if-else to the template file?

Comments

\,,/

Jeff Burnz commented 1 March 2016 at 21:43

Turn on twig debugging, the template suggestion names are output in html comments:

https://www.drupal.org/node/1903374

Note that the variable {{ attributes.id }} is unique.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.

I am using twig debugging and

ErnoVanhala commented 2 March 2016 at 07:38

I am using twig debugging and it gives both blocks the same template suggestions.

In menu--main.html.twig attributes variable exists, but attributes.id is NULL.

\"/

Jeff Burnz commented 2 March 2016 at 09:25

menu--main.html.twig is not a block template, it's a menu template suggestion.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.

:)

ErnoVanhala commented 2 March 2016 at 10:00

Yes, that's true. My mistake, I am still quite new to twig.

So in block--system-menu-block--main.html.twig there is attributes.id. Is there way to make one block to use menu--main.html.twig and second to use menu--main--part2.html.twig?

I'll have to think about it,

Jeff Burnz commented 2 March 2016 at 19:17

I'll have to think about it, but I am short on time... however to dictate or provide template suggestions you use hook_theme_suggestions_HOOK_alter()

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.