# Plugin: CSS abhängig von Plugin Einstellungen

**URL:** <https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347>\
**Category:** Programmierung\
**Created:** [1. März 2019 um 20:49 UTC](https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347 "2019-03-01T20:49:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![benda](https://avatars.discourse-cdn.com/v4/letter/b/53a042/32.png) [@benda](https://forum.shopware.com/u/benda)\
**Post date:** [1. März 2019 um 20:49 UTC](https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347/1 "2019-03-01T20:49:15Z")

</div>

Hallo,  
was ist die beste Variante CSS Eigenschaften abhängig von den Plugineinstellungen zu integrieren.

Beispiel:

Im Plugin kann der Benutzer ein Bild wählen. Dieses soll per CSS&nbsp;

```
background-image: url("bild.jpg");

```

auf der Seite eingebunden werden.

Die erste Idee war Inline CSS. Diese ist leider keine sauber Lösung. Über Hinweise wäre ich sehr dankbar.

---

<div class="post-metadata">

**Author:** ![stormerMike](https://avatars.discourse-cdn.com/v4/letter/s/e0b2c6/32.png) [@stormerMike](https://forum.shopware.com/u/stormerMike)\
**Post date:** [4. März 2019 um 13:15 UTC](https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347/2 "2019-03-04T13:15:24Z")

</div>

Ich würde nachschauen wie z.B. Shopware das mit dem konfigurierbaren Shoplogo in den Theme EInstellungen gelöst hat. Vielleicht lässt sich daraus eine Lösung für dein Plugin ableiten?

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [5. März 2019 um 07:14 UTC](https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347/3 "2019-03-05T07:14:04Z")

</div>

> was ist die beste Variante CSS Eigenschaften abhängig von den Plugineinstellungen zu integrieren.

Ich hoffe, dass ich die Frage korrekt verstanden habe. Im Plugin kann man ja Einstellungen schaffen. Und darüber dann abfragen ob CSS geladen werden soll oder nicht.&nbsp;

```
use Shopware\Components\Theme\LessDefinition;
use Doctrine\Common\Collections\ArrayCollection;

...

public function meineFunktion(\Enlight_Event_EventArgs $args) {

  if ( Shopware()->Config()->get('Name_der_Einstellung') == 'yes' ) {

    $less = new LessDefinition([], [__DIR__. '/meinPfad/all.less'], __DIR__ );
    return new ArrayCollection([$less]);

  }

}

```

Meinst du so etwas?

---

<div class="post-metadata">

**Author:** ![\_MikeB](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/_mikeb/32/7856_2.png) [@\_MikeB](https://forum.shopware.com/u/_MikeB)\
**Post date:** [5. März 2019 um 12:18 UTC](https://forum.shopware.com/t/plugin-css-abhangig-von-plugin-einstellungen/58347/4 "2019-03-05T12:18:50Z")

</div>

Hi Benda.

Probier es mal auf diese Weise 😉

DEIN FRONTENDSUBSCRIBER

```
/**
 * @return array
 */
public static function getSubscribedEvents()
{
    return [
        'Theme_Compiler_Collect_Plugin_Less' => 'addLessFiles',
    ];
}

/**
 * Provide the file collection for less
 *
 * @param \Enlight_Event_EventArgs $args
 * @return \Doctrine\Common\Collections\ArrayCollection
 */
public function addLessFiles(\Enlight_Event_EventArgs $args)
{
    $shop = $args->getShop();
    $config = $this->getConfig($shop); // interner helper zum auslesen der konfiguration

    $lessConfig = [];
    $lessConfig['deine_variable'] = $config['bild'];

    $less = new LessDefinition(
        $lessConfig,
        [$this->pluginBaseDirectory . '/Resources/views/frontend/_public/src/less/all.less'],
        $this->pluginBaseDirectory
    );

    return new ArrayCollection([$less]);
}

```

&nbsp;

DEINE LESS DATEI

```
background-image: url(@deine_variable);

```

&nbsp;

Gruß Mike