How to extend html code.

Hello,
How can I extend the main layout of the CRM? I need to add some generic HTML code to all of the web pages.

• This topic was modified 4 years, 6 months ago by  Adam.

Topic

[Andrey YatsenkoModerator]

You can do this just by modifying app/Resources/views/base.html.twig inside your application and override there some blocks from the parent template OroUIBundle:Default:index.html.twig

Just find on parent template all {% block entries to see what can be extended.

For example if you want to add html to {% block header %}
your new block at base.html.twig template can look like

XHTML

{% block header %} <h1> my html at the start of header block</h1> {{ parent() }} <h1> my html at the end of header block</h1> {% endblock header %}

1 2 3 4 5

{% block header %}   <h1> my html at the start of header block</h1>   {{ parent() }}   <h1> my html at the end of header block</h1> {% endblock header %}

Where parent() will render all the html from parent block, if you don’t wont it – you can skip using parent() but make sure it will not break the application.

[AdamParticipant]

Thank you. It’s working.

[AdamParticipant]

Is there anyway to extend main layout through the bundle? I mean can I extend bundle and then layout?

[Andrey YatsenkoModerator]

Developer documentation for OroCommerce Layouts:
https://github.com/oroinc/platform/blob/master/src/Oro/Component/Layout/README.md
https://github.com/oroinc/platform/blob/master/src/Oro/Bundle/LayoutBundle/README.md

Examples of common layout customizations in custom theme for OroCommerce:
https://github.com/oroinc/orocommerce/tree/master/src/Oro/Bundle/CustomThemeBundle

[Author]

Replies