CODEWITHSUNDEEP
symfonytwig
cnmicha
cnmicha

Reputation: 172

Twig: {% block %} and extend

I am trying to override a {% block %} in a file (index.html.twig) that extends the file where the block is used (base.html.twig). But the extending file is including another twig file (feature.twig) where the block that overrides the content in index.html.twig is placed. Is that possible in any way? Maybe with something else than the include statement?

{# index.html.twig #}
{% extends 'base.html.twig' %}
{{ include('feature.html.twig') }}

{# base.html.twig #}
{% block extraJs %}{% endblock %}

{# feature.html.twig #}
{% block extraJs %}<script>$('...');</script>{% endblock %}

Upvotes: 6

Views: 15991

Answers (3)

luckyowl
luckyowl

Reputation: 11

Just as an info,I think you cannot put comments {# index.html.twig #} before the {% extends 'base.html.twig' %} and comments as I understood must be put always in blocks,hope this helps

Upvotes: 0

Yoshi
Yoshi

Reputation: 54649

The include-function (or tag) only ever embeds the rendered result. It is not possible to manipulate blocks in the including file.

But in your case this is not necessary. Because index.html.twig extends base.html.twig, you can overwrite the block extraJs like so:

{# index.html.twig #}
{% extends 'base.html.twig' %}

{% block extraJs %}
    {{ include('feature.html.twig') }}
{% endblock }

If needed you can extend the original block by using the parent-function. E.g.:

{# index.html.twig #}
{% extends 'base.html.twig' %}

{% block extraJs %}
    {{ parent() }} {# `extraJs`-block content from `base.html.twig` #}
    {{ include('feature.html.twig') }}
{% endblock }

Upvotes: 10

ofca
ofca

Reputation: 661

No it's not possible. include just render template and include the output. You can't override block using it. Here is a issue related to this problem https://github.com/twigphp/Twig/issues/1360

Upvotes: 0

Related Questions