Magento2: Bagaimana cara path untuk gambar latar belakang dalam file .less? [Tutup]

8

Saya ingin mengatur path untuk gambar latar dalam file lebih sedikit app\design\frontend\vendor\theme\web\<lessfile>di magento2.

magento2 image less-css Dipesh Rangani
sumber

Jawaban:

23

Pertama-tama tambahkan gambar di app\design\frontend\vendor\theme\web\imagesfolder dan tulis css seperti di bawah ini:

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

setelah menambahkan perintah jalankan gambar baru seperti di bawah ini:

- php bin/magento cache:clean
- php bin/magento setup:static-content:deploy
Dipesh Rangani
sumber
Ini tidak berfungsi untuk saya di Magento 2.1.4. Apakah ini hanya berlaku untuk mode produksi atau haruskah ini bekerja dalam mode pengembang juga?
Giel Berkers
1
Ini akan bekerja di kedua mode, hanya Anda harus menjalankan php bin/magento setup:static-content:deployperintah setelah menambahkan gambar di app\design\frontend\vendor\theme\web\imagesfolder. jika masih tidak berfungsi hapus var/view_preprocessedfolder.
Dipesh Rangani
1
Terima kasih untuk umpan baliknya. Ternyata masalah saya ada di tempat lain. Ada hubungannya dengan file PNG yang korup. Ya saya tahu, cerita panjang ... jawaban Anda masih benar. Namun, Anda dapat menambahkannya dalam beberapa kasus mungkin perlu ditentukan @baseDirdi tema Anda ' theme.less. Secara default variabel diatur ke ../.
Giel Berkers
Terima kasih ! Bagaimana kalau menggunakannya gaya ini di _email-extended.less? dan apa bedanya dengan menggunakanbackground: url("@{baseUrl}images/icn.png');
medmek