[SOLVED] thickbox fancybox doesn't work after update 1.5.5.0

[andrea22k]

Hi! Here's my site
http://www.wrongpeople.it/shop/en/

Try to order a product with this account
[email protected]
Password: testing

At the fourth step of checkout you can click on Read the terms of service.
Before the update to prestashop 1.5.5.0 terms and condition appeared in a thickbox popup.
Now it works as a normal link :/
How can I fix it?

Thank you

[augis2003]

Same problem here... maybe somebody have solution?

But only i have little another problem. I was maded what popup will apear in product page of clothes sizes chart by code:

<a href="{$base_dir}content/6-dydziu-lentele?content_only=1&TB_iframe=true&width=700&height=470&thickbox=true" class="button thickbox">{l s='Size chart'}</a>

and after update it opens in new window..

Edited September 4, 2013 by augis2003 (see edit history)

[vekia]

Same problem here... maybe somebody have solution?

But only i have little another problem. I was maded what popup will apear in product page of clothes sizes chart by code:

<a href="{$base_dir}content/6-dydziu-lentele?content_only=1&TB_iframe=true&width=700&height=470&thickbox=true" class="button thickbox">{l s='Size chart'}</a>

and after update it opens in new window..

any chance to share the url?

[vekia]

Hi! Here's my site

http://www.wrongpeople.it/shop/en/

 

Try to order a product with this account

[email protected]

Password: testing

 

At the fourth step of checkout you can click on Read the terms of service.

Before the update to prestashop 1.5.5.0 terms and condition appeared in a thickbox popup.

Now it works as a normal link :/

How can I fix it?

 

Thank you

 

it's only related to the SSL pages? can you verify it?

[augis2003]

any chance to share the url?

removed

Edited September 12, 2013 by augis2003 (see edit history)

[incassoincucina]

Hello I too have the same problem and are two days that I try to solve but to no avail. Text translated with google translator sorry .....

[andrea22k]

it's only related to the SSL pages? can you verify it?

 

Sorry. I had my website down due to maintenance.

No it's not. Fancybox doesn't work anyway. With adn without SSL

[Hayaliel]

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

[vekia]

 

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

 

looks interesting, you checked it in own store??

[andrea22k]

 

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

Thank you. It worked. Just to know...Why after the update it is needed to add width and height??

[vekia]

yeah glad to hear that this problem is solved! many merchants will be happy im going to mark this topic as [solved] and i will post url to this thread in other topics related to this issue

 

thanks!

[Hayaliel]

Sorry for my delay.

 

looks interesting, you checked it in own store??

 

Yes I check it.

I had the same problem in my store and I solved with this solution.

 

Thank you. It worked. Just to know...Why after the update it is needed to add width and height??

 

I don't know, maybe something changes in an other file.

 

Glad I could help

[avionicom]

Thank you Hayaliel, I found the solution in your post.

 

 

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

[andrea22k]

Hi!! SInce I updated to 1.5.6.0 version, when i click on read terms of service fancybox freezes on loading gif and don't show the content. I'm still using order-carrier.tpl fixed with the solution in this topic  

[vekia]

Hi!! SInce I updated to 1.5.6.0 version, when i click on read terms of service fancybox freezes on loading gif and don't show the content. I'm still using order-carrier.tpl fixed with the solution in this topic

 

open browser console, you will see probably some errors, can you paste here error code?

[andrea22k]

[10:38:34.369] TypeError: $(...).responsiveSlides is not a function @ http://www.wrongpeople.it/shop/en/:413

[10:38:35.340] Use of getPreventDefault() is deprecated. Use defaultPrevented instead. @http://www.wrongpeople.it/shop/js/jquery/jquery-1.7.2.min.js:3

 but i got it on every page and when i click on Terms anything else appears

[vekia]

problem is probably with module that you use, it crashes whole jquery library:

[10:38:34.369] TypeError: $(...).responsiveSlides is not a function @ http://www.wrongpeople.it/shop/en/:413

 

so all other scripts doesnt work well too

[andrea22k]

I now solved the jquery issue. Now for the console all is ok but fancybox keeps just loading without showing my content

[andrea22k]

if you wanna try

http://www.wrongpeople.it/shop/en/

just try to place an order to reach the fourth step of checkout

 

Account

[email protected]

PASS: testing

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

[vekia]

it's because your store trying to load unsecured content:

 

this is how modern browsers work (infortunately it's a crap in my opinion). url to tos page looks like

<a href="http://www.wrongpeople.it/shop/en/content/1-about-us?content_only=1" class="iframe">(Read the Terms of Service)</a>

so you have to change it to ssl connection.

 

in addition to this you will have to block also redirection from ssl to ssl

 

then everything will work 

[andrea22k]

this is the code in order-carrier.tpl

<a href="{$link_conditions}" class="iframe">{l s='(Read the Terms of Service)'}</a>

how I have to change it?

 

link conditions is set up in the admin panel in preferences - orders

[vekia]

 

<a href="{$link_conditions|replace:'http://':'https://'}" class="iframe">{l s='(Read the Terms of Service)'}</a>

+ from file: init.php

 

remove function:

if (Configuration::get('PS_SSL_ENABLED') && ($_SERVER['REQUEST_METHOD'] != 'POST') && $this->ssl != Tools::usingSecureMode())
{	
header('HTTP/1.1 301 Moved Permanently');
header('Cache-Control: no-cache');
if ($this->ssl)	
header('Location: '.Tools::getShopDomainSsl(true).$_SERVER['REQUEST_URI']);
else	
header('Location: '.Tools::getShopDomain(true).$_SERVER['REQUEST_URI']);
exit();
}

(this is redirection)

[andrea22k]

my init.php is a little different

$protocol_link = (Configuration::get('PS_SSL_ENABLED')) ? 'https://' : 'http://';
	$protocol_content = (isset($useSSL) AND $useSSL AND Configuration::get('PS_SSL_ENABLED')) ? 'https://' : 'http://';
	$link = new Link($protocol_link, $protocol_content);
	$context->link = $link;
	if (!defined('_PS_BASE_URL_'))
		define('_PS_BASE_URL_', Tools::getShopDomain(true));
	if (!defined('_PS_BASE_URL_SSL_'))
		define('_PS_BASE_URL_SSL_', Tools::getShopDomainSsl(true));

Anyway I solved setting ssl on all pages and not just on account and checkout pages. With this there is no need to modify order-carrier.tpl. Anyway thank for your help!

[vekia]

ok thank you for information

the problem was related to unsecured contet that script tried to load on secured page.

this is new feature in modern browsers, and in my opinion this feature is ****

[vekia]

my init.php is a little different

$protocol_link = (Configuration::get('PS_SSL_ENABLED')) ? 'https://' : 'http://';
	$protocol_content = (isset($useSSL) AND $useSSL AND Configuration::get('PS_SSL_ENABLED')) ? 'https://' : 'http://';
	$link = new Link($protocol_link, $protocol_content);
	$context->link = $link;
	if (!defined('_PS_BASE_URL_'))
		define('_PS_BASE_URL_', Tools::getShopDomain(true));
	if (!defined('_PS_BASE_URL_SSL_'))
		define('_PS_BASE_URL_SSL_', Tools::getShopDomainSsl(true));

Anyway I solved setting ssl on all pages and not just on account and checkout pages. With this there is no need to modify order-carrier.tpl. Anyway thank for your help!

 

btw. may i know how you activated "ssl on all pages and not just on account and checkout pages" ?

[andrea22k]

preferences general --> force ssl on all pages. I have 1.5.6.0 version

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

[vekia]

ahh so this is new feature and it is only available since 1.5.6

thank you!

[Pete78]

vekia, thanks for your hint with the init.php. In 1.5.6 the code is placed in the FrontController.php file.

 

Now loading the terms and conditions with an iframe in the carrier page is working again without showing mixed(secure/unsecure) content.

 

Don't know, if this function is really required or could be improved..

[vekia]

it isn't requred function.

this function creating only redirections from secured to nonsecured which is definitely bad and this will not work in new browsers (yes, this is new feature in browsers :| they automatically block unsecured contents)

[indus]

This step by Hayaliel worked for me too. Thanks !

 

<script type="text/javascript">

    $('a.iframe').fancybox({

        'type' : 'iframe',

       'width':600,

        'height':600

    });

</script>

Edited December 22, 2013 by indus (see edit history)

[altinnokta]

open browser console, you will see probably some errors, can you paste here error code?

PrestaShop, Read Terms of Use problem PrestaShop™ 1.5.4.1

blank page

[vekia]

and what you see in browser console > network tab

any 404/500 error?

[khaledsaied]

 

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

 

Cool, this solved my problem on PS 1.5.6.1! Thanks for this post

Edited December 28, 2013 by khaledsaied (see edit history)

[indus]

I opened a bug report on this, and they immediately closed it down saying 'cannot reproduce' when its obvious many are having this issue. Looks like they just test it on their own personal machines and try to reproduce bugs instead of trying different configurations.

[vekia]

what ps version?

this problem is already fixed in 1.5.6 release.

[indus]

I have 1.5.6.1, the latest version.

[ps3z]

 

Hi.

 

In file order-carrier.tpl in your theme, change

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

to

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

Thanks Bro i solved the problem by your helps 

[cajuma2012]

Thanks Vekia!

Now works fine for me.

Prestashop 1.5.6.2

Template: Default

[Laurent64]

Thank you much Hayaliel !!!

[nosnosnos]

I have 1.5.6.2 version with multishop with different carrier and could be already fixed but i have same error ,my ordercarrier is this:

 

276 <script type="text/javascript">

277 $(document).ready(function() {

278       $("a.iframe").fancybox({

279           'type' : 'iframe',

280          'width':600,

281           'height':600

282       });

283   });

284 </script>

 

do you know reason i continue to have this problem ?

 

Thanks Tiz

Edited March 6, 2014 by nosnosnos (see edit history)

[vekia]

you mean, that you pasted this code and it doesnt work or what?

[braianj]

Hello! I'm having a similar problem.

 

I've added 

<a href="{$link_conditions|replace:'http://':'https://'}" class="iframe" >{l s='(Read the Terms of Service)'}</a>

Changed the script to 

 

<script type="text/javascript">
$('a.iframe').fancybox({
'type' : 'iframe',
'width':800,
'height':600
});
</script>

But still return

 

Mixed Content: The page at 'https://etniico.com/order?step=2' was loaded over HTTPS, but requested an insecure resource 'http://etniico.com/content/3-terms-of-use?content_only=1'. This request has been blocked; the content must be served over HTTPS.

 

but the link is with ssl

 

<iframe id="fancybox-frame" name="fancybox-frame1425323033574" frameborder="0" hspace="0" scrolling="auto" src="https://etniico.com/content/3-terms-of-use?content_only=1"></iframe>

No idea what's happening. There is no mixed content. it's all in ssl.

Can you help me?