Product page - no fancy box popup : View Larger does not work

[Cloud Nine]

Hello,

 

website : http://www.cv-word.com/

 

I’ve updated 2 Prestashop website from 1.4 to 1.6

 

I’ve manually updated from 1.4 to 1.5 and i’ve used auto upgrade from 1.5 to 1.6

 

Everything works (i had several bugs that i had to fixed), i can order products, create accounts, etc.

 

There is one last bug i can’t solve :

 

The fancybox doesn’t work. When i click on the product image, there is no popup.

 

I’ve triple check :

 

In the "Products" page under the "Preferences" menu, Enable JqZoom instead of Fancybox on the product page is set to No.

 

If i set this option to yes, JqZoom works. But if i set it to no, fancy box doesn’t work.

 

I use the default bootstrap theme. I’ve tried to export it and use a copy of this template but issue is still here.

 

There is no error in the JS console.

 

I’ve also deactivate cache, ccc compresion, etc.

 

I’m a web developer so i can check the code but i don’t know where to start in this case.

 

Any idea on how i can handle this ?

 

Regards,

[Cloud Nine]

Hello, any ideas ?

 

I’ve made a clean install of PrestaShop 1.6.0.14 and the fancybox works.

 

My prestashop updated from 1.4 to PrestaShop 1.6.0.14  has an issue with fancybox

 

My update is quite clean : i use the new default template, no class override, etc. The only files i kept from 1.4 are img, upload, download folder

 

If in product.tpl, i replace this code (i wrapp the img with a <a> tag)

 

<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>

 

replace by :

 

<a id="zoom1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image,'thickbox')}">
                                <img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
</a>

 

Then i add this js in product.tpl :

 

<script>$(document).ready(function() {
        $("a#zoom1").fancybox();
    });

</script>

 

Then, the fancy box works.

So in your opinion, what could be the cause of this issue ? 

 

I have no error in JS console and i have no non prestashop module installed.

 

Regards,

 

Sébastien

Edited April 28, 2015 by Cloud Nine (see edit history)

[Sanjay Roy]

I installed module but no effect  of popup in our website please help us how to resolve it

[vekia]

these two cases need inspection of website

share url to your online stores, please

[Cloud Nine]

Hi Vekia,

 

The website url : http://www.cv-word.com

 

As i explained in my latest post, i’ve modified product.tpl. It’s not perfect and not very nice but it works. I still want to solve it if possible.

[kokonai]

Did you find the solution? I have the same "deffect" in my shop. Please share your experience. 

[samuel89]

bumped. Same issue.

 

Did u solve it?

[Costantini]

someone solved this problem?thanks