Close

cloudZoomWindowElement

RichardS
8 years ago
#9839 Quote
Avatar
  • 25
When I have a product picture on a transparent background the regular product picture has a white background, however, when the cloud zoom is activated, the transparent background is used.  Is there a way to have the could zoom view place a white background behind the image?
Peter.Zhekov
8 years ago
#9846 Quote
Avatar
  • Moderator
  • 104
RichardS wrote:
When I have a product picture on a transparent background the regular product picture has a white background, however, when the cloud zoom is activated, the transparent background is used.  Is there a way to have the could zoom view place a white background behind the image?


Hi Richard,

You can try to set white background color to the 'cloud-zoom-big' element. I have tried to set a white background to this particular elements and it works perfectly.
So find the file 'CloudZoom.css' and in the styles below just add the bold line:

#cloud-zoom-big {
      border: none;
      overflow: hidden;
     background-color: #fff;
        }
Regards,
Peter Zhekov
Nop-Templates.com