# Less im Plugin nutzen

**URL:** <https://forum.shopware.com/t/less-im-plugin-nutzen/56803>\
**Category:** Programmierung\
**Created:** [30. November 2018 um 14:36 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803 "2018-11-30T14:36:34Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mehmet](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@Mehmet](https://forum.shopware.com/u/Mehmet)\
**Post date:** [30. November 2018 um 14:36 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/1 "2018-11-30T14:36:34Z")

</div>

Hallo,  
Ich arbeite an einem Plugin, welches eine eigene Less Datei verwenden soll.

So wie ich es verstehe müssen die Less Datein im custom/plugins/pluginName/Resources/frontend/less/\*.less liegen.  
Mein Problem besteht nun darin, dass wenn ich im Template eine Less Datei, die im richtigen Ordner liegt, laden möchte funktioniert es nicht.  
Ich lade die Less Datei wie üblich über \<link … href="…/frontend/less/all.less"\>, wo ist mein Fehler, wie ist die richtige Vorgehensweise um die Less Datei in das Template meines Plugins einzubinden?

MFG Mehmet

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [30. November 2018 um 15:20 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/2 "2018-11-30T15:20:25Z")

</div>

Warum willst du die .less in einem Template laden?!

Viele Grüße

---

<div class="post-metadata">

**Author:** ![Mehmet](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@Mehmet](https://forum.shopware.com/u/Mehmet)\
**Post date:** [30. November 2018 um 15:35 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/3 "2018-11-30T15:35:55Z")

</div>

> [@EikeWarneke schrieb:](https://forum.shopware.com/profile/11752/EikeWarneke "EikeWarneke")
> 
> Warum willst du die .less in einem Template laden?!

Ich möchte mit meinem Plugin über eine selbstgemachte Seite bestimmte Font Aspekte ändern können, dazu benötige ich js für die Funktionsweise und less damit diese Seite anständig aussieht.

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [30. November 2018 um 15:51 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/4 "2018-11-30T15:51:34Z")

</div>

Aber die .less werden doch beim Kompilieren des Themes automatisch geladen? Zudem müsste das .less erst noch in css übersetzt werden und kann nicht einfach in HTML geladen werden.

Viele Grüße  
[https://www.digitvision.de](https://www.digitvision.de)

---

<div class="post-metadata">

**Author:** ![PStadtfeld](https://avatars.discourse-cdn.com/v4/letter/p/3bc359/32.png) [@PStadtfeld](https://forum.shopware.com/u/PStadtfeld)\
**Post date:** [30. November 2018 um 15:55 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/5 "2018-11-30T15:55:50Z")

</div>

Mal mit folgendem Aufbau versucht?

```
custom/plugins/pluginName/Resources/frontend/_public/src/less/*.less 

```

Nur eine Vermutung, meine Änderungen habe ich im eigenen System immer außerhalb von Plugins gemacht - im Theme, da musste das noch in die all.less eingebunden werden und ein einfaches kopieren reichte nicht aus… Nicht sicher wie es bei Plugins aussieht, würde es erstmal über den Pfad versuchen.

---

<div class="post-metadata">

**Author:** ![Mehmet](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@Mehmet](https://forum.shopware.com/u/Mehmet)\
**Post date:** [30. November 2018 um 16:22 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/6 "2018-11-30T16:22:05Z")

</div>

Das ist mir nicht bewusst, wie soll ich denn Vorgehen um eine .less Datei, die sich in meinem Plugin befindet zu kompilieren und sie in meinem Template zu laden.  
Ich habe angenommen, dass Shopware selbständig die .less Datein in .css Datein kompiliert und übersetzt.

Alternativ hab ich auch versucht statt einer .less Datei eine .css zu verwenden wieder ohne Erfolg.

---

<div class="post-metadata">

**Author:** ![kanuma](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@kanuma](https://forum.shopware.com/u/kanuma)\
**Post date:** [30. November 2018 um 16:47 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/7 "2018-11-30T16:47:35Z")

</div>

> **[Less im Plugin nutzen](https://forum.shopware.com/discussion/57812/less-im-plugin-nutzen#latest)**
>
> Hallo, Ich arbeite an einem Plugin, welches eine eigene Less Datei verwenden soll. So wie ich es verstehe müssen die Less Datein im custom/plugins/pluginName/Resources/frontend/less/\*.less liegen. Mein Problem besteht nun darin, dass wenn ich im...

**Integration of Less and Js files**

/…/SwagUpdatePlugin/Resources/frontend/css/\*\*.css

/…/SwagUpdatePlugin/Resources/frontend/js/\*\*.js

/…/SwagUpdatePlugin/Resources/frontend/less/all.less

&nbsp;

In diesen Ordnern werden die less / js / css Datein compeliert.

---

<div class="post-metadata">

**Author:** ![ahmadsaad](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@ahmadsaad](https://forum.shopware.com/u/ahmadsaad)\
**Post date:** [30. November 2018 um 18:50 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/8 "2018-11-30T18:50:32Z")

</div>

Hallo @Mehmet‍,

einfach wie Kanuma hat gesagt beim less es ist nicht:

custom/plugins/pluginName/Resources/frontend/less/\*.less

trotzem :

custom/plugins/pluginName/Resources/frontend/less/all.less

dann in all.less include Ihre less Datei.

&nbsp;

VG,

Tel.: +49 755&nbsp;- 183 990 00 | Web:&nbsp;[http://enbit.de/](http://enbit.de/)

---

<div class="post-metadata">

**Author:** ![Mehmet](https://avatars.discourse-cdn.com/v4/letter/m/b4bc9f/32.png) [@Mehmet](https://forum.shopware.com/u/Mehmet)\
**Post date:** [1. Dezember 2018 um 13:59 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/9 "2018-12-01T13:59:15Z")

</div>

Erste Mal vielen herzlichen danke für die ganzen Antworten, jedoch glaub ich, dass ich mein Problem nicht klar rüber bringen konnte.

Also ich habe meine all.Less Datei im custom/plugins/pluginName/Resources/frontend/less/all.less Ordner.  
Nun möchte ich das mein Plugin Temlpate, um genau zu sein meine index.tpl diese benutzt, wie binde ich die in Shopware ordnungs-mäßig ein.

MFG Mehmet

---

<div class="post-metadata">

**Author:** ![ahmadsaad](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@ahmadsaad](https://forum.shopware.com/u/ahmadsaad)\
**Post date:** [2. Dezember 2018 um 08:19 UTC](https://forum.shopware.com/t/less-im-plugin-nutzen/56803/10 "2018-12-02T08:19:28Z")

</div>

Hallo @Mehmet‍,

deine Template folder zu View hinzufügen wie so:

```
       $view->addTemplateDir($this->pluginDirectory . '/Resources/views');

```

dann extend das Template , dass du möchtest für mehr Info schau mal:

[https://developers.shopware.com/developers-guide/plugin-quick-start/#subscriber-classes](https://developers.shopware.com/developers-guide/plugin-quick-start/#subscriber-classes)

[https://developers.shopware.com/developers-guide/plugin-quick-start/#template-extension](https://developers.shopware.com/developers-guide/plugin-quick-start/#template-extension)

VG,

Tel.: +49 755&nbsp;- 183 990 00 | Web:&nbsp;[http://enbit.de/](http://enbit.de/)
