Iframe with external link to product images on google

[grigorevlad]

Hi,

 

I'm trying to add a link that opens a fancybox  to product images on google, based on reference code. My shop sells brand sunglasses, so by searching reference code google displays relevant pictures. 

 

I have already added to front controller: 

$this->addJqueryPlugin(array('fancybox'));   

 

And to header.tpl (inside head section):

<script type="text/javascript">

$(document).ready(function() {
$(".iframe").fancybox();
});
</script>

 

Now, to search for product images on google i can use this link:

<a href="http://www.google.com/images?q={$product->reference}" target="_blank">Search for images</a>

Inserting class="iframe" has no effect, it just opens a new page.

 

When using Vekia example posted on another topic <a href="http://localhost/1606a/modules/themeconfigurator/img/banner-img6.jpg" class="iframe">TEST</a> it opens a fancybox, but with not found file error of course.

 

Do any of you guys have any ideas how to put a link to product page that opens iframe to  "http://www.google.com/images?q= {+product reference} " ?

 

Thanks!