I am using http://drupal.org/project/commerce_add_to_cart_confirmation in conjunction with this module and whenever I add something to my cart there are several problems with could zoom overlaying the add to cart confirmation. I noticed that there is also the issue #1223212: Image overlays edit screen in d7 with backend theme, where the problem is sort of addressed.

I can fix this problem by changing the following:

.cloud-zoom-container #wrap {
  z-index: 499 !important;
}
.cloud-zoom-container #wrap {
  z-index: 99 !important;
}

Then I also have to go into the cloud zoom library javascript files to change all the 9999 values to 99.

Once those changes are made everything works great!

Comments

gonssal’s picture

gonssal
Primary language Catalan
commented
Issue summary: View changes
Status: Active » Closed (won't fix)

Being a z-indexes issue that can be fixed in your theme's css (using !important), I'm closing this.

bsufan17’s picture

bsufan17 commented

I am not able to fix this in my theme's CSS using !important. Everything I put into my theme's CSS is overridden by the cloud_zoom.css, line 2. Why is the z-index set so high to begin with? If there is a reason for it, it would be good to know, so as to avoid causing other issues when changing it. I can change the code in cloud_zoom.css, but every time the module is updated, I'll have to fix it again.