Magento 2 - Include css from module in template

Question

I developed a new extension. I have some CSS which I need to include on some templates.

CSS:

app\code\Fekete\Newsletter2Go\view\frontend\web\css\main.css

Block:

\app\code\Fekete\Newsletter2Go\Block\Form.php

Template:

app\code\Fekete\Newsletter2Go\view\frontend\templates\subscribe.phtml

The template is getting called in a CMS page:

{{block class="Fekete\Newsletter2Go\Block\Form" template="Fekete_Newsletter2Go::subscribe.phtml"}}

How can I include the CSS main.css in my template?

I solved it like this, it works... but in the developer documentation they say that we should not include css in the template.

<link rel="stylesheet" href="<?= $this->getViewFileUrl('Fekete_Newsletter2Go::css/main.css'); ?>"/>

Did you override template file or it will call in your controller? — Rakesh Varma
– Rakesh Varma, Commented Nov 6, 2019 at 10:38
No, I call the template in a cms page like this {{block class="Fekete\Newsletter2Go\Block\Form" template="Fekete_Newsletter2Go::subscribe.phtml"}} — Black
– Black, Commented Nov 6, 2019 at 10:59

Piyush · Accepted Answer · 2019-11-06 10:59:31Z

2

You have to add below code in your router_controller_action.xml before body tag

<head>
    <css src="Vendor_Module::css/filename.css" />
</head>

If it is a CMS page then you can add above code in CMS page layout update field

answered Nov 6, 2019 at 10:39

Piyush

5,9249 gold badges35 silver badges67 bronze badges

1 Answer 1