# SwagEmotionAdvanced CSS (z.B. von quickview) mit eigenem CSS überschreiben

**URL:** https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721
**Category:** Themes & Design
**Created:** [29. Juli 2019 um 18:28 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721 "2019-07-29T18:28:15Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Steffi13](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@Steffi13](https://forum.shopware.com/u/Steffi13)
#### Post date: [29. Juli 2019 um 18:28 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/1 "2019-07-29T18:28:15Z")

</div>

Eure Hilfe ist gefragt! 🙂

Folgende Ausgangssituation:

Ich möchte mehrere CSS Anpassungen für ein SWAG EMOTION Plugin vornehmen, z.B. Quickview (hier z.b. padding, font, und width und mehr verändern).

Üblich für “normales” CSS ist ja (1) im eigenes Theme entsprechende LESS Datei&nbsp;anlegen (…/themes/Frontend/MYTHEME/\_public/src/less/…)&nbsp;und CSS anpassen. (2) Cache leeren und kompiolieren (3) CSS wird überschreiben & happy styling ist fertig.

Bei CSS von Plugins klappt das leider nicht so easy. Anscheinend werden wohl zunächst die CSS Datein vom THEME geladen und dann erst die CSS Datein von&nbsp;PLUGINs, weshalb eigne Anpassungen im&nbsp;…/MYTHEME/\_public/src/less… immer überschrieben werden. !important ist keine Lösung, und in der Orginal Quickview CSS Datei unter …/custom/plugins/SwagEmotionAdvanced/Resources/frontend/less/\_components/quickview.less will man auch nichts ändern - das ist ja nicht updatesicher.

(Bin also die Community&nbsp;durch und auch die DevDocs - leider ohne Lösung zu finden)

&nbsp;

Hat jemand da ne Idee oder gleich Vorangehensweise, W **ie ich CSS von SwagEmotionAdanced updatesicher überschreiben und eben anpassen kann?**

&nbsp;

Freu mich über eure Tipps. Danke!

&nbsp;

---

<div class="post-metadata">

### Author: ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)
#### Post date: [29. Juli 2019 um 18:33 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/2 "2019-07-29T18:33:48Z")

</div>

Du kannst im Theme festlegen wann es geladen werden soll:&nbsp;[https://developers.shopware.com/designers-guide/smarty/#template-inheritance](https://developers.shopware.com/designers-guide/smarty/#template-inheritance)

---

<div class="post-metadata">

### Author: ![Steffi13](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@Steffi13](https://forum.shopware.com/u/Steffi13)
#### Post date: [30. Juli 2019 um 09:04 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/3 "2019-07-30T09:04:11Z")

</div>

Cool, das hat für Qickview einwandfrei geklappt.

&nbsp;

Eine Folgefrage:

Kann man für einzelne Plugins das vor oder danach laden bestimmen? Also zB. das AdvacendMenu Plugin vorm THEME laden und das SwagEmotionAdvanced danach?

(Hintergrund - wenn ich mit&nbsp; &nbsp;protected $injectBeforePlugins = false;&nbsp;&nbsp;Plugins nun nachm Theme laden lasse, mag das Advanced Menu nicht mehr).

---

<div class="post-metadata">

### Author: ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)
#### Post date: [30. Juli 2019 um 09:07 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/4 "2019-07-30T09:07:05Z")

</div>

Mach einfach zwei Themes - du hast eines was davor geladen wird und eines was danach geladen wird. In letzterem nimmst du nur Änderungen vor, die explizit ein Plugin überschrieben sollen.

---

<div class="post-metadata">

### Author: ![Steffi13](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@Steffi13](https://forum.shopware.com/u/Steffi13)
#### Post date: [30. Juli 2019 um 09:44 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/5 "2019-07-30T09:44:57Z")

</div>

Gibts dazu&nbsp;zufällig auch nen Step-by-Step Guide?

Im Theme Manager kann man ja weitere Themes erstellen aber es ist doch&nbsp;immer nur eins aktiv, oder überseh ich da was?

---

<div class="post-metadata">

### Author: ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)
#### Post date: [30. Juli 2019 um 09:51 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/6 "2019-07-30T09:51:42Z")

</div>

Ja, du würdest auch nur das “letzte” in der Reihenfolge aktiv schalten. Alles andere wird ja vererbt.

&nbsp;

Die Reihenfolge wäre dann so:

Bare -\> Responsive -\> DeinTheme -\> Plugins -\> DeinTheme2

Das “DeinTheme2” würdest du dann aktiv schalten. Bei der Erstellung wählst du dann “ableiten von DeinTheme”

---

<div class="post-metadata">

### Author: ![aviavi](https://avatars.discourse-cdn.com/v4/letter/a/48db29/32.png) [@aviavi](https://forum.shopware.com/u/aviavi)
#### Post date: [1. August 2019 um 13:01 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/7 "2019-08-01T13:01:10Z")

</div>

hi, wir versuchen auch das quickview.less zu überschreiben.&nbsp;haben die anleitungen hier probiert und leider noch eine frage. wenn wir zwei eigene themes machen und das zweite theme vom ersten ableiten gehen trotzdem einstellungen wie die farb-konfiguration verloren. und auch das demoshop logo erscheint wieder. also alle weiteren themes, die man immer darüber “legt”&nbsp;müssen auch wieder konfiguriert werden (also diese einstellugen&nbsp;im thememanager angepasst werden). oder kann das shopware autmatisch übernhemen und man kann dann wirklich nur änderungen explizit zu einem plugin machen lassen.

&nbsp;

---

<div class="post-metadata">

### Author: ![aviavi](https://avatars.discourse-cdn.com/v4/letter/a/48db29/32.png) [@aviavi](https://forum.shopware.com/u/aviavi)
#### Post date: [1. August 2019 um 13:03 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/8 "2019-08-01T13:03:00Z")

</div>

> [@Moritz Naczenski schrieb:](https://forum.shopware.com/profile/14574/Moritz%20Naczenski "Moritz%20Naczenski")
> 
> Du kannst im Theme festlegen wann es geladen werden soll:&nbsp;[https://developers.shopware.com/designers-guide/smarty/#template-inheritance](https://developers.shopware.com/designers-guide/smarty/?_ga=2.76580055.378493545.1564661820-2059392779.1564476704#template-inheritance)

&nbsp;

gibt es auch noch eine möglichkeit ohne&nbsp;$injectbeforeplugins = true/false ?

---

<div class="post-metadata">

### Author: ![drakon](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/drakon/32/7724_2.png) [@drakon](https://forum.shopware.com/u/drakon)
#### Post date: [1. August 2019 um 13:15 UTC](https://forum.shopware.com/t/swagemotionadvanced-css-z-b-von-quickview-mit-eigenem-css-uberschreiben/60721/9 "2019-08-01T13:15:26Z")

</div>

Es gibt ein Plugin, mit dem man die Einstellungen ex- und importieren kann:

> **[simkli/SimklThemeSettingExport](https://github.com/simkli/SimklThemeSettingExport)**
>
> This plugin allows you to import or export theme configurations in Shopware 5.
