# eigene CSS einbinden

**URL:** <https://forum.shopware.com/t/eigene-css-einbinden/17844>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [18. Januar 2014 um 01:53 UTC](https://forum.shopware.com/t/eigene-css-einbinden/17844 "2014-01-18T01:53:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![HeliR](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/helir/32/48_2.png) [@HeliR](https://forum.shopware.com/u/HeliR)\
**Post date:** [18. Januar 2014 um 01:53 UTC](https://forum.shopware.com/t/eigene-css-einbinden/17844/1 "2014-01-18T01:53:01Z")

</div>

ich hab wenig Shopware Erfahrung und wollte wie bei meinen anderen Websites einfach eine eigene CSS Datei haben, die nach den Shopware Theme-css eingebunden wird und somit frontend-wide alles einfach modifizieren kann, dies auch nicht ganz tief drinnen in den template-pfaden. Hier die vielleicht unschöne aber einfache Lösung: Datei: templates/\_default/frontend/index/header.tpl editieren auf Zeile 80 (nach dem Block “frontend\_index\_header\_javascript\_jquery”) folgenden Block einfügen `{block name="heli\_css"} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='/templates/heli.css'%7D">{/block}` danach kann ich in einer datei namens “/templates/heli.css” einfach / schnell Änderungen an Template durchführen, unabhängig von dem eingestellten Theme.

---

<div class="post-metadata">

**Author:** ![SebastianKloepper](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sebastiankloepper/32/21435_2.png) [@SebastianKloepper](https://forum.shopware.com/u/SebastianKloepper)\
**Post date:** [18. Januar 2014 um 02:10 UTC](https://forum.shopware.com/t/eigene-css-einbinden/17844/2 "2014-01-18T02:10:15Z")

</div>

Hallo, die Anpassung ist so allerdings nicht korrekt bzw. nicht Sinn des Systems. Generell darf/sollte das Template (\_default oder \_emotion) niemals geändert werden. Das ist im Default nicht updatefähig. Zudem kann das dann Fehler in allen Templates bedeuten! Bitte am besten nach den Tutorials und der Doku vorgehen. Das erspart Fehler und zudem auch Ärger, da sonst alles weg ist nach einem Update. Default ist zudem die alte Templatebasis. Das führt in deinem Fall vllt. schnell zum Ziel, holt dich aber wieder ein 😉 Beispiel z.B. hier [Http://wiki.shopware.de/Schnelleinstieg](Http://wiki.shopware.de/Schnelleinstieg) … l\_876.html Sebastian

---

<div class="post-metadata">

**Author:** ![HeliR](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/helir/32/48_2.png) [@HeliR](https://forum.shopware.com/u/HeliR)\
**Post date:** [18. Januar 2014 um 17:20 UTC](https://forum.shopware.com/t/eigene-css-einbinden/17844/3 "2014-01-18T17:20:47Z")

</div>

absolut danke Sebastian - und auch richtig - und auch bedacht. Aber nach mehreren Stunden herumprobieren mit euren Anleitungen kam ich zu keinem working Ergebnis, weil ich nur geringe modifikationen an eurer Template machen möchte, aber noch nicht weiss, welche Emotion-Farbe ich verwende. Gemäss eurer Anleitung ist die Aufrufsequenz: \_default --\> \_emotion --\> \_emotion\_local --\> emotion\_green daher im Backend „emotion\_green“ eingestellt und meine Änderungen in \_emotion\_local eingetragen. Gemäss eurer Anleitungen habe ich \_emotion\_local/frontend/index/header.tpl neu erstellt mit folgendem inhalt ` {extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_javascript\_jquery" append} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='/templates/heli.css'%7D">{/block} {\* oben zwar js-Block aber nur fürs Ausprobieren. Hier ein anderer Versuch die CSS einzubinden \*} {block name="heli\_css"} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='/templates/heli.css'%7D">{/block} ` leider brachte ich das nicht zum laufen, daher der Patch der \_default/frontend/index/header.tpl Jedenfalls herzlichen Dank für das reagieren!!