Calling Developers!
We are reenergizing our code contribution process! Learn More

What are the Slack Archives?

It’s a history of our time together in the Slack Community! There’s a ton of knowledge in here, so feel free to search through the archives for a possible answer to your question.

Because this space is not active, you won’t be able to create a new post or comment here. If you have a question or want to start a discussion about something, head over to our categories and pick one to post in! You can always refer back to a post from Slack Archives if needed; just copy the link to use it as a reference..

Hello! I'm trying to extend some Zed GUI js code, so I did the following: 1. Created a new entry poi

Options
U01DE320SN6
U01DE320SN6 Posts: 37 🧑🏻‍🚀 - Cadet

Hello! I'm trying to extend some Zed GUI js code, so I did the following:
1. Created a new entry point of extension-init.entry.js
2. Built the solution, made sure that new bundle is available via the corresponding endpoint
Now, I want to somehow to include my new asset file to the Zed layout @Gui/Layout/layout.twig :

<script src="{{ assetsPath('js/extension-init.js') }}"></script>

Is there any way to do that without copying all the entire contents of vendor's src/Spryker/Zed/Gui/Presentation/Layout/layout.twig to a new layout file, which I'm trying to avoid to make sure that new versions of Gui module wouldn't conflict with my old code? Or maybe there's any other option for me to include the block of html on every Zed page?

Comments

  • Yuriy Gerton
    Yuriy Gerton Front End Technical Lead Sprykee Posts: 49 🧑🏻‍🚀 - Cadet
    Options

    Hello!
    Try to extend the template.
    src/Pyz/Zed/Gui/Presentation/Layout/layout.twig

    {% extends '@Spryker:Gui/Layout/layout.twig' %}
    
    {% block init_js %}
        {{ parent() }}
        <script src="{{ assetsPath('js/extension-init.js') }}"></script>
    {% endblock %}
    

    Don’t forget to clear the Twig cache.