cancel
Showing results for 
Search instead for 
Did you mean: 

Opacity image Category page

Opacity image Category page

I would like to add some black opacity over all product images on the category page. How does this work?

2 REPLIES 2

Re: Opacity image Category page

Hi @alexander_jorda 

You need to override below phtml file first with your custom theme:

vendor/magento/module-product-video/view/frontend/templates/product/view/gallery.phtml

and add css with below less file for your customisation with design:

vendor/magento/magento2-base/lib/web/mage/gallery/gallery.less


It may help you to resolve issue.
If issue resolve, please click on 'Kudos' & Accept as Solution!

Problem solved? Click Accept as Solution!

Re: Opacity image Category page

Thanks for sharing. I found by acceditent another option. I added watermarks over the images with an opacity of 10%