# Eigene CSS über die Theme.php einbinden

**URL:** <https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619>\
**Category:** Programmierung\
**Created:** [22. Januar 2019 um 11:41 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619 "2019-01-22T11:41:04Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![indigo](https://avatars.discourse-cdn.com/v4/letter/i/dec6dc/32.png) [@indigo](https://forum.shopware.com/u/indigo)\
**Post date:** [22. Januar 2019 um 11:41 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/1 "2019-01-22T11:41:04Z")

</div>

```
 Ich habe aktuell eine eigene CSS Datei über die header.tpl eingebunden. Ist nicht so optimal. Nun wollte ich diese an die gecachte anhängen und habe dazu folgenden Eintrag in der Theme.php vorgenommen. Leider funktioniert das so nicht. Trotz Cache löschen und Theme neu kompilieren.

 protected $css = array(
 'src/css/mein.css'
 );

```

Was habe ich übersehen?

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [22. Januar 2019 um 11:53 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/2 "2019-01-22T11:53:01Z")

</div>

```
 Versuch mal so: 

protected $css = [
    'src/css/my-awesome-styles.css'
];

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![indigo](https://avatars.discourse-cdn.com/v4/letter/i/dec6dc/32.png) [@indigo](https://forum.shopware.com/u/indigo)\
**Post date:** [22. Januar 2019 um 12:25 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/3 "2019-01-22T12:25:59Z")

</div>

Super. Das passt!

Danke.

---

<div class="post-metadata">

**Author:** ![indigo](https://avatars.discourse-cdn.com/v4/letter/i/dec6dc/32.png) [@indigo](https://forum.shopware.com/u/indigo)\
**Post date:** [22. Januar 2019 um 12:33 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/4 "2019-01-22T12:33:23Z")

</div>

Mit einer externen CSS Datei funktioniert das wohl nicht.

Oder packe ich die in meine per import rein?

---

<div class="post-metadata">

**Author:** ![indigo](https://avatars.discourse-cdn.com/v4/letter/i/dec6dc/32.png) [@indigo](https://forum.shopware.com/u/indigo)\
**Post date:** [22. Januar 2019 um 12:59 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/5 "2019-01-22T12:59:58Z")

</div>

Ja geht über den import in die eigene CSS. Probieren geht halt über studieren. 😉

Habe ich jetzt mal Testweise mit dieser gemacht.

```
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

```

Oder gibt es eine elegantere Möglichkeit um diese an den CSS Cache anzuhängen?

---

<div class="post-metadata">

**Author:** ![ion](https://avatars.discourse-cdn.com/v4/letter/i/f1d935/32.png) [@ion](https://forum.shopware.com/u/ion)\
**Post date:** [22. Januar 2019 um 15:43 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/6 "2019-01-22T15:43:32Z")

</div>

Du kannst meines Wissens deine CSS-Dateien im folgenden Ordner ablegen:

```
/custom/plugins//Resources/frontend/css

```

Dann werden sie gemeinsam mit dem restlichen Shopware-CSS komprimiert, gecached und als eine Datei ausgeliefert.  
Analog funktioniert das auch mit LESS- und JS-Dateien. Hier werden dann die Ordner frontend/less bzw. frontend/js genutzt.

---

<div class="post-metadata">

**Author:** ![indigo](https://avatars.discourse-cdn.com/v4/letter/i/dec6dc/32.png) [@indigo](https://forum.shopware.com/u/indigo)\
**Post date:** [23. Januar 2019 um 09:32 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/7 "2019-01-23T09:32:33Z")

</div>

Meinst du das /custom im Theme Pfad oder das /custom im “Core” Pfad?

Bei der zweiten Version müßte ich ja ein Plugin erstellen um nur eine CSS einzubinden. Das wäre etwas übertrieben.

---

<div class="post-metadata">

**Author:** ![ion](https://avatars.discourse-cdn.com/v4/letter/i/f1d935/32.png) [@ion](https://forum.shopware.com/u/ion)\
**Post date:** [23. Januar 2019 um 15:29 UTC](https://forum.shopware.com/t/eigene-css-uber-die-theme-php-einbinden/57619/8 "2019-01-23T15:29:42Z")

</div>

Mein Weg ist tatsächlich der für Plugins. Wenn es bei dir “nur” um ein Theme geht, habe ich dich eventuell missverstanden.  
Die Pfadangabe gilt ausgehend vom Wurzelverzeichnis deiner Shopware-Installation.

Zu deinem vorherigen Beitrag: Soweit ich mich an das erinnere, was in der fragmentierten Doku und im Forum stand, rät Shopware selbst davon ab, eigene Stylesheets “an Shopware vorbei” direkt einzubinden. Wie es stattdessen gemacht werden soll, weiß ich dann allerdings auch nicht.

LG, Ion