Post by rocketero » Thu Mar 17, 2011 11:29 am

I was wondering how hard is it to make a product pup-up window like this site I found

what files are involved to make a change like that.
just curious. Or if not exactly like that, what files do I have to tackle to do some changes, like placing the arrows on the middle ends and improving the fonts/background/ , etc.
Last edited by rocketero on Thu Mar 17, 2011 1:56 pm, edited 1 time in total.

New member


Tue Feb 01, 2011 9:22 pm

User avatar


Tue Jul 22, 2008 3:02 am

Post by rocketero » Thu Mar 17, 2011 2:12 pm

hello Qphoria,
it seems to work fine the fancybox, just had to replace in your code for fancybox to /catalog/view/.../common/, where it said 'jquery.fancybox.1.3.0 for the latest version 1.3.4.

But now have something that I had installed in the product page, called "Inner Image Zoom", does not work. is a code when you place the mouse over the main product image, I had it working with jquery-1.5.1.min.js. it will zoom it inner and not to the right like the 'product image zoom module'

In IE8 I have an exclamation yellow triangle at the status bars that 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: Thu, 17 Mar 2011 06:00:47 UTC

Message: Expected ':'
Line: 8
Char: 5575
Code: 0
the cloud-zoom JavaScript was working fine before I did this change for fancybox.

I have the previous header.tpl just in case.

any clue what is causing the two codes to interfere each other? One is the fancybox placed on header.tpl and the other is cloud-zoom witch was placed in catalog/view/theme/...../product.tpl

cloud-zoom js is this: ... n.js?r=131

New member


Tue Feb 01, 2011 9:22 pm
Who is online

Users browsing this forum: No registered users and 75 guests