[SOLVED] Thickbox broken after update

[zeezuiper]

Prior to version 1.5.5 all my movie links were opened in a thickbox using this code:

<p><a class="thickbox iframe" href="http://www.youtube-nocookie.com/embed/jFtr-uEx_nE?rel=0"><img title="Movie!" src="../img/movie.jpg" alt="Movie!" width="100" height="90" /></a></p>

Only after the upgrade to the latest version (1.5.6) this doesn't work anymore. All my movie files are opened in full screen instead (e.g. http://www.rikxoort.com/potten/asian-thunder-b.html)

 

I presume I must alter my products.tpl to fix this (I don't want to change the code on all products). Only which code must I add?

 

I also red http://www.prestashop.com/forums/topic/271315-solved-thickbox-fancybox-doesnt-work-after-update-1550/ but I can't find the mentioned code (<script type="text/javascript">$('a.iframe').fancybox();</script>) in the products.tpl file.

Edited October 9, 2013 by vekia (see edit history)

[vekia]

hello

 

i havent got account in your store so i can't check comments feature. can you check if there fancybox works well?

[zeezuiper]

The comment fancybox is working fine .

[vekia]

somewhere in product.tpl can you try to insert this code:

<script type="text/javascript">$('a.iframe').fancybox();</script>

[zeezuiper]

No, still opening in full screen (I checked the code to make sure the change was active).

 

By the way, I also tried the full code from the other topic, so including the height and width.

[vekia]

i checked sources of your website and i've noticed that there is no fancybox.js library

 

<script type="text/javascript" src="/js/jquery/plugins/fancybox/jquery.fancybox.js"></script>

try to add also this code

[zeezuiper]

 

I can see that the Fancybox library is loaded but still same result.

[mr_shop]

I have the same problem. After update from 1.5.2 to 1.5.5 or 1.5.6 (i am still trying in test server) fancybox in product details images is not working. Thumbs images are opening in new window and view_full_size (bigger image) is not opening at all. Fancybox library is loaded and jQuery also.

 

I was trying to resolve this by updating one by one version, and it was working to 1.5.4.1.

 

I have try local archive update, and one-click-update module. The same result Fancybox (thickbox class in product) is the only thing that is not working and i have no idea why. Any advice?

 

[vekia]

okay, so now one more thing.

 

instead of: <script type="text/javascript">$('a.iframe').fancybox();</script>

 

can you use this:

<script type="text/javascript">
{literal}
 $( document ).ready(function() {
  $('a.iframe').fancybox();
 });
{/literal}
</script>

[zeezuiper]

Nope, I added the following code to my products.tpl in my Themes folder but link still opens in full screen:

<script type="text/javascript" src="/js/jquery/plugins/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript">
{literal}
 $( document ).ready(function() {
  $('a.iframe').fancybox();
 });
{/literal}
</script>

Edited October 9, 2013 by zeezuiper (see edit history)

[PascalVG]

Not sure (Never played with fancybox myself), but can it not be just that the default settings of fancybox are set to width and height :100%?

 

Maybe try this:

$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 630,
height: 425,
fitToView: false,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});

 

 

My 2 cents,

pascal

[mr_shop]

Unfortunately none of these solutions does not work for me. 

[zeezuiper]

Not sure (Never played with fancybox myself), but can it not be just that the default settings of fancybox are set to width and height :100%?

 

Maybe try this:

$(".iframe").fancybox({

autoSize: false,

autoDimensions: false,

width: 630,

height: 425,

fitToView: false,

padding: 0,

title: this.title,

href: $(this).attr('href'),

type: 'iframe'

});

 

 

My 2 cents,

pascal

 

When I use this code the screen only flickers, nothing happens further (so the movie is not opened at all).

[mr_shop]

O M G.

I have just resolve my problem. After looking into js loaded in many shops on 1.5.5 and 1.5.6 and my not working 1.5.5 and 1.5.6 I found that 2 js are loading from module "med_contactable".(min.js and pack.js) 

After removing "pack.js" all started working correctly!

 

My investigetion shows that it is a module called: 

Add feedback form v 1.0.2. After turning it off thickbox and all fancybox features works fine.

[zeezuiper]

O M G.

I have just resolve my problem. After looking into js loaded in many shops on 1.5.5 and 1.5.6 and my not working 1.5.5 and 1.5.6 I found that 2 js are loading from module "med_contactable".(min.js and pack.js) 

After removing "pack.js" all started working correctly!

 

My investigetion shows that it is a module called: 

Add feedback form v 1.0.2. After turning it off thickbox and all fancybox features works fine.

 

I can't find pack.js or the mentioned module 

Edited October 9, 2013 by zeezuiper (see edit history)

[vekia]

hello

 

i've noticed that you use CCC for .js files

can you turn it off? (adv. parameters > performance tab in back office)

[zeezuiper]

hello

 

i've noticed that you use CCC for .js files

can you turn it off? (adv. parameters > performance tab in back office)

 

Turned it off, still same result.

Edited October 9, 2013 by zeezuiper (see edit history)

[vekia]

now use this code:

$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 630,
height: 425,
fitToView: false,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});

effect:

[zeezuiper]

Added the code but for me stil the same result

 

So just a flickering of the screen, nothing happens.

[vekia]

even if you use this code with $( document ).ready(function() ?

im checking it on your website with this code and it works then

[zeezuiper]

Sorry, I don't get it working. Which code should I add exactly?

 

Really appreciating your help.

[vekia]

code suggested by pascal with document ready function:

 

$( document ).ready(function() {
$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 630,
height: 425,
fitToView: false,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});});

insert this code AFTER <script> with fancybox library

 

effect:

[zeezuiper]

Super, it is working now. Many thanks for your replies. 

 

Just for the record, the code I have placed in the products.tpl file (under themes\<theme name> directory):

<script type="text/javascript">$('a.iframe').fancybox();
$( document ).ready(function() {
$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 630,
height: 425,
fitToView: false,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});});
</script>

[vekia]

I'm so glad that our community could help you in this case

it's time to mark this topic as [solved] !

with regards,

Milos

[ms99]

Fanceybox does not work properly, although the image larger, but gives it to the background page. 

I happen to know someone with that advice? 

[vekia]

 

Fanceybox does not work properly, although the image larger, but gives it to the background page. 

I happen to know someone with that advice? 

 

cases like that need an inspection of website

so please share url to shop where you've got problem you mentioned

[ms99]

 

Fanceybox nepracuje správne, aj keď je obraz väčší, ale dá sa na stránku na pozadí. 

Náhodou viem, niekto s tým rady? 

 

prípady, ako že potrebujú kontrolu webových stránok

tak prosím, podeľte url nakupovať, kde ste dostal problém, ktorý spomenul

 

 

 

 

 

http://www.adficie.eu/de/herrenuhren/55-dg-time-sandpiper.html

 

 

 

 

Stránka produktu ukazuje na thicboxe 

Edited September 22, 2014 by ms99 (see edit history)

[Vitazzz]

Hi,

 

I've added this to my header.tpl

 

first these lines in <head>:

 

<script type="text/javascript" src="/js/jquery/plugins/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript">
{literal}
 $( document ).ready(function() {
  $('a.iframe').fancybox();
 });
{/literal}
</script>

 
    <script type="text/javascript">
    $('a.iframe').fancybox();
    $( document ).ready(function() {
    $(".iframe").fancybox({
    autoSize: false,
    autoDimensions: false,
    width: 630,
    height: 425,
    fitToView: false,
    padding: 0,
    title: this.title,
    href: $(this).attr('href'),
    type: 'iframe'
    });});
     
    </script>

 

 

after <head> i've added something like this:

 

<a href="http://mysite.com/content/20-whatsapp?content_only=1" class="iframe">

 

But in result the new page is opened instead of creating a fancy box on current page. What have I done wrong?

I've cleared and disabled all cache but even this did not help. The fancybox library is surely installed as it can be opened by clicking /js/jquery/plugins/fancybox/jquery.fancybox.js link.

 

The strange thing is I've just repeated the same actions as on my another website with other template and there it worked perfectly.

Edited October 18, 2015 by Vitazzz (see edit history)

[gustavo.muela]

Dear Sirs.

 

Not working fancybox. Attached sample of my website

 

https://www.distribuidoramerceria.es/b2b/paqueteria/3004-allegra-n.html

 

i have tried differents solved but not working. This problem is until upgrade 1.6.0.9 to 1.6.1.17.

 

Please, help me!

thanks