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.

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

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
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.