Page 1 of 1

FancyBox and Inner Image Zoom Fighting each other

Posted: Fri Mar 18, 2011 11:07 am
by rocketero
I would like the code to be friendly, but these two seems like don't like each other.

I had Inner image zoom 'free module' working fine, once you placed the mouse over the Product Image to buy it, the image zoom inside the same box where the Image is located, but much bigger. this module place the code in the /catalog/view/theme/default/.../product/product.tpl

After that I placed a code in the /catalog/view/.../common/header.tpl for the fancybox to work so the popup image show much elegant, and now the fancybox works great, except that now the Inner Image Zoom module does not show up/work.

The only thing that show it does not work is a yellow exclamation point in the status bar in IE8 that after dobleclicking in it, reads:

Code: Select all

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.3)
Timestamp: Fri, 18 Mar 2011 03:05:53 UTC

Message: Expected ':'
Line: 8
Char: 5560
Code: 0

Line 8 is basically the whole cloud-zoom function, and character 5560 I have not idea how to know as this is one very long code in only only line if you open it with notepad++

the cloud-zoom-1.0.2.min.js can be found in here: ... cw&cad=rja

Image zoom and box

Posted: Sun Mar 20, 2011 5:27 pm
by webify
I don't know how to make those scripts happily work together but you can do a zoom and box effect with this one extension: ... /opencart/

Set the "innerzoom" option to true. It feels real smooth. The module is free but you must buy a license for a commercial website.

Hoe it helps.