Rudy is me

A weblog (mostly) about PHP and TYPO3 development

Adding CSS or JavaScript using a Fluid template

Often you want to add CSS or JavaScript for just one page template, a single action of a plugin or only if a particular content type is added to a page. If the page, plugin or content type uses Fluid as a template, since TYPO3 8.7 this can easily be done by adding the following to your template:

<f:section name="HeaderAssets">
    <link rel="stylesheet" href="{f:uri.resource(path: 'Css/styles.css')}"/>
    <script type="text/javascript src="{f:uri.resource(path: 'JavaScript/script.js')}"></script>

This will also work with FooterAssets instead of HeaderAssets to add content just before </body>.