Magento2: Comment chemin pour l'image d'arrière-plan dans un fichier .less? [fermé]

8

Je veux définir le chemin de l' image d'arrière-plan dans moins de fichier app\design\frontend\vendor\theme\web\<lessfile>dans magento2.

magento2 image less-css Dipesh Rangani
la source

Réponses:

23

Ajoutez d'abord l'image dans le app\design\frontend\vendor\theme\web\imagesdossier et écrivez css comme ci-dessous:

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

après avoir ajouté une nouvelle commande d'exécution d'image comme ci-dessous:

- php bin/magento cache:clean
- php bin/magento setup:static-content:deploy
Dipesh Rangani
la source
Cela ne fonctionne pas pour moi dans Magento 2.1.4. Cela s'applique-t-il uniquement au mode production ou cela devrait-il également fonctionner en mode développeur?
Giel Berkers
1
Cela fonctionnera dans les deux modes, il vous suffit d'exécuter la php bin/magento setup:static-content:deploycommande après avoir ajouté une image dans le app\design\frontend\vendor\theme\web\imagesdossier. s'il ne fonctionne toujours pas, supprimez le var/view_preprocesseddossier.
Dipesh Rangani
1
Merci pour les commentaires. Il s'est avéré que mon problème était ailleurs. Quelque chose à voir avec les fichiers PNG corrompus. Ouais je sais, longue histoire ... ta réponse est quand même correcte. Cependant, vous pouvez ajouter que dans certains cas, il peut être nécessaire de définir @baseDirdans vos thèmes ' theme.less. Par défaut, la variable est définie sur ../.
Giel Berkers
Merci ! Que diriez-vous de l'utiliser dans ce style dans _email-extend.less? et quelle est la différence avec l'utilisationbackground: url("@{baseUrl}images/icn.png');
medmek