Shopware 5: CSS Dateien für eigene Themes direkt einbinden

Wenn man in Shopware 5 ein eigenes Theme auf Basis des Shopware-eigenen Responsive Themes erstellt, empfiehlt es sich, die eigenen Änderungen am Style mit Hilfe einer neuen CSS-Datei einzubinden. Die Shopware Dokumentation schlägt hier zum Beispiel vor, dass man die CSS-Datei über die Theme.php Datei einbindet. Das Problem hierbei ist, dass man das Theme nach jeder Änderung an der CSS-Datei über das Backend umständlich neu kompilieren muss.

Alternativ kann man die CSS-Datei direkt im Bereich über das Template einbinden. Dafür legt ihr euch im Ordner "EUERTHEME/frontend/index" die Datei "header.tpl" an, sofern sie noch nicht existiert, und fügt folgendes Snippet ein:

{extends file='parent:frontend/index/header.tpl'}

{* externes Stylesheet *}
{block name="frontend_index_header_css_screen" append}

<link type="text/css" media="all" rel="stylesheet" 
   href="{link file='frontend/_public/src/css/style.css'}" />

{/block}

Den Pfad und Namen eurer CSS-Datei müsst ihr natürlich entsprechend anpassen. Zumindest für die Entwicklung des Themes könnt ihr mit dieser Methode Zeit und Aufwand sparen.