Magento2: Wie wird ein Pfad für ein Hintergrundbild in einer .less-Datei erstellt? [geschlossen]

8

Ich möchte den Pfad für das Hintergrundbild in weniger Dateien app\design\frontend\vendor\theme\web\<lessfile>in magento2 festlegen.

magento2 image less-css Dipesh Rangani
quelle

Antworten:

22

Fügen Sie zuerst ein Bild in den app\design\frontend\vendor\theme\web\imagesOrdner ein und schreiben Sie CSS wie folgt:

background: url('@{baseDir}images/icon_sprite.png');

Nach dem Hinzufügen eines neuen Image-Ausführungsbefehls wie folgt:

- php bin/magento cache:clean
- php bin/magento setup:static-content:deploy
Dipesh Rangani
quelle
Dies funktioniert bei mir in Magento 2.1.4 nicht. Gilt dies nur für den Produktionsmodus oder sollte dies auch im Entwicklermodus funktionieren?
Giel Berkers
1
Dies funktioniert in beiden Modi. Sie müssen lediglich den php bin/magento setup:static-content:deployBefehl ausführen, nachdem Sie das Bild in den app\design\frontend\vendor\theme\web\imagesOrdner eingefügt haben. Wenn es immer noch nicht funktioniert, entfernen Sie den var/view_preprocessedOrdner.
Dipesh Rangani
1
Danke für die Rückmeldung. Es stellte sich heraus, dass mein Problem woanders war. Etwas mit beschädigten PNG-Dateien zu tun. Ja, ich weiß, lange Geschichte ... Ihre Antwort ist trotzdem richtig. Sie können jedoch hinzufügen, dass es in einigen Fällen erforderlich sein kann, @baseDirin Ihren Themen zu definieren theme.less. Standardmäßig ist die Variable auf eingestellt ../.
Giel Berkers
Vielen Dank ! Wie wäre es mit diesem Stil in _email-extens.less? und was ist der Unterschied mitbackground: url("@{baseUrl}images/icn.png');
Medmek