Hi,
1- The Zoom Effect is working nothing is wrong with it. The problem is your product picture is not large enough to use the zooming effect efficiently. Actually it is vertically large but horizontally small. Just for testing purpose. upload a picture that has, lets say, 900x900 (pixel) resolution and see the difference.
Our Zoom effect doesn't not VIRTUALLY zoom the pictures. As you might know, there is no such software technology that can virtually enlarge the picture (without quality loses), even Adobe Photoshop can't do that. What our zoom effect does is to zoom the product pictures(thumbnail) by taking the "large product pictures" as reference. So the maximum and largest view you can get is the original picture of the products. Not anything larger than what the original product picture is.
2- To fix the problem in Firefox, Open this CSS file:
sdwebdesign-projekte.de/parfuemerie/templates/gk_black_and_white/css/reset/meyer.css
and find this CSS rule:
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
In this CSS rule, look at the last 2nd line:
vertical-align: baseline;, and delete it. Then the layout will become normal in firefox as well. The reason why it happens only in Firefox, because nowadays only Firefox supports this "vertical-align" rule. It has become an old-fashion rule. Other browsers just ignore it, so you don't see corrupted layout in other browsers.
Regards.
Forum Support.