Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Zoom Effect(SKU# FLEX-00005)

TOPIC: Zoom container z-index

Zoom container z-index 8 years 7 months ago #13006

Can't understand what to do. Image with zoom is always through the facebox overlay. I checked all z-indexes. But...

The administrator has disabled public write access.

Zoom container z-index 8 years 7 months ago #13012

Hi,

Parent and child elements are important when dealing with z-index.
Let me give you an example to explain better. if you have a DIV tree something like this:

- DIV 1 (parent, z-index: 1)
--- DIV 2 (child of DIV1, z-index: 99999999)
- DIV 3 (parent, z-index:2)

In this situation, DIV3 will stay on top of DIV2, because DIV3's z-index is bigger than DIV1. Understand?

Your problem is related to that. The easiest solution is to reduce the z-index of ZoomEffect (instead of increasing the popup's) so you won't mess up your entire website in other pages.

To overwrite the z-index value for ZoomEffect container, use the !important parameter, something like this:
.flexibleZoomContainer { z-index: 10 !important}

Find the best value by changing the number.

TIP: Reduce the z-index of ZoomEffect Container one less than the absolute parent of popup's container. It is the best if you try it with Browse Inspector.

Regards.
Last Edit: 8 years 7 months ago by Support.
The administrator has disabled public write access.

Zoom container z-index 8 years 7 months ago #13016

I did everything. I explored all the divs ever. And the first z-index in your selector zoom start working is 99.
Just install fancybox, facebox or colorbox. And try
The administrator has disabled public write access.
Time to create page: 0.126 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo