Using jqZoom and Fancybox zoom *together*

[amitthakur]

Hi,

 

I use the bootstrap-default theme. I have jqZoom enabled in my shop for the product page.

 

I need the Fancybox zoom box to pop up if the product image is clicked on. Alternatively, I have some static text below the product image. It would suffice if clicking on that text launched the Fancybox zoom as well.

 

I have been examining the product.tpl file but cannot see any mention of Fancybox (presumably there is an 'onclick' event and handler for that?).

 

Can someone help, please? Thanks.

 

  

[yomas]

Hi there !

Have you find an answer ?
It would be great to share if so !! ^^

Regards.

[gonebdg - webindoshop.com]

If jqzoom is enabled, the necessary html code for fancybox is not loaded.

 

Take a look inside product.tpl file and serach for <span id="view_full_size">

	<span id="view_full_size">
		{if $jqZoomEnabled && $have_image && !$content_only}
			{* here is your jqzoom html code, and will be loaded if jqzoom is enabled *}
		{else}
			{* here is your fancybox html code, and will not be loaded if jqzoom is enabled *}
		{/if}
	</span>

You need to remove the if/else statement, so the fancybox html code will be loaded even though jqzoom is enabled.

Edited July 8, 2015 by gonebdg - webindoshop.com (see edit history)

[amitthakur]

If jqzoom is enabled, the necessary html code for fancybox is not loaded.

 

Take a look inside product.tpl file and serach for <span id="view_full_size">

	<span id="view_full_size">
		{if $jqZoomEnabled && $have_image && !$content_only}
			{* here is your jqzoom html code, and will be loaded if jqzoom is enabled *}
		{else}
			{* here is your fancybox html code, and will not be loaded if jqzoom is enabled *}
		{/if}
	</span>

You need to remove the if/else statement, so the fancybox html code will be loaded even though jqzoom is enabled.

 

Thanks for the response (and sorry about the high-latency revert from my end).

 

Removing the if-else statement doesn't quite get me there. It still behaves as if only the jqZoom module were enabled. Not sure why. I would have expected that removing the if-else statement would have both the jqZoom and fancybox code loading but the page in the browser does not show any evidence of having loaded fancybox.

[gonebdg - webindoshop.com]

Thanks for the response (and sorry about the high-latency revert from my end).

 

Removing the if-else statement doesn't quite get me there. It still behaves as if only the jqZoom module were enabled. Not sure why. I would have expected that removing the if-else statement would have both the jqZoom and fancybox code loading but the page in the browser does not show any evidence of having loaded fancybox.

 

Please bear in mind ... if you've just change or do modification into your theme files and the change does not reflected,

don't forget to clear the PrestaShop smarty cache and compile.

B.O > Advance Parameters > Performance

click "Clear cache" menu available on the top right corner

 

give it a try

[raducioj]

With me not working. I made as in the instructions above and nothing. Clearing the cache did not help.

 

I found this movie http://sylhetwap.com/filedownload/ojPvdMjjbZs/prestashop-module-using-fancybox-with-jqzoom-trailer-.html but I can not find this module.

 

Can anyone help? I really want this.

Edited May 25, 2016 by raducioj (see edit history)