9

I want to override lib/web/mage/gallery/gallery.less and some module files in

lib/web/mage/gallery/module/*.less

I need to override them because I want to change the style of product gallery images.

How to override or Are there any other way to "settle the question"?

|improve this question
8

We can override the less file lib in our custom theme. Put this file under web folder:

app/design/frontend/{Vendor}/{Theme}/web/mage/gallery/gallery.less

and add mage/gallery/gallery in PROJECT/dev/tools/grunt/configs/themes.js (or PROJECT/dev/tools/grunt/configs/local-themes/themes.js for magento 2.2) to make grunt compiling it as well.

|improve this answer
  • Thanks you for answer, but I try it, seem it not work. I had already remove cache and static files, deploy again, It didn't work. – Mr Tim Nov 26 '16 at 14:06
  • 1
    You should read more: magento.stackexchange.com/questions/110164/… – Khoa TruongDinh Nov 26 '16 at 16:24
  • Thanks a lot! But I read a check it agian, They are only work with less files in lib/web/css/source. Can you please help me check again? – Mr Tim Nov 26 '16 at 18:07
  • @MrTim you should try app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/mage/gallery/gallery.less – Khoa TruongDinh Nov 28 '16 at 7:28
  • Thanks in advanced. I had try it, when I deploy it said that: Compilation from source: /app/design/frontend/{Vendor}/{theme_name}/web/css/source/lib/mage/gallery/gallery.less Compilation from source: frontend/{Vendor}/{theme_name}/en_US/css/source/lib/mage/gallery/gallery.less Unable to get content for 'frontend/{Vendor}/{theme_name}/en_US/css/source/lib/mage/gallery/module/_variables.less' – Mr Tim Nov 28 '16 at 9:31
1

In your custom config file for Grunt add path to gallery file: 'mage/gallery/gallery' along with 'css/styles-m' and 'css/styles-l'

|improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.