Jump to content

Blank page problem with Fancybox' Iframe


Recommended Posts

Hello everyone,
 
I have a problem right now, when our customers are finalizing their purchase and they click on the link popping up Terms of Sales, the fancybox' Iframe appareared but there is nothing in it.
However, the link pointed in the anchor calling the iframe is correct and leads to my page showing terms of sales :

<a href="https://xxxxx.fr/p/3-conditions-utilisation?content_only=1" class="iframe" rel="nofollow">(Lire les Conditions générales de vente)</a>

the Iframe's code seems to be correct too and point on the right page :

<div class="fancybox-container fancybox-show-controls fancybox-show-buttons fancybox-container--ready fancybox-controls--canzoomOut" role="dialog" tabindex="-1" id="fancybox-container-2" style="">
	<div class="fancybox-bg" style="transition-duration: 330ms;"></div>
	<div class="fancybox-controls"><div class="fancybox-infobar">
		<button data-fancybox-previous="" class="fancybox-button fancybox-button--left" title="Previous"></button>
		<div class="fancybox-infobar__body">
			<span class="js-fancybox-index">1</span>
			 / 
			<span class="js-fancybox-count">1</span>
		</div>
		<button data-fancybox-next="" class="fancybox-button fancybox-button--right" title="Next"></button>
	</div>
	<div class="fancybox-buttons">
		<button data-fancybox-close="" class="fancybox-button fancybox-button--close" title="Close (Esc)"></button>
		<button data-fancybox-fullscreen="" class="fancybox-button fancybox-button--fullscreen" title="Full screen (F)"></button>
	</div>
</div>
<div class="fancybox-slider-wrap">
	<div class="fancybox-slider" style="transform: translate(0px, 0px);">
		<div class="fancybox-slide fancybox-slide--current fancybox-slide--iframe fancybox-slide--complete" style="transform: translate(0px, 0px);">
			<div class="fancybox-content"><iframe id="fancybox-frame1491553985975" name="fancybox-frame1491553985975" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allowtransparency="true" src="https://xxxxx.fr/p/3-conditions-utilisation?content_only=1" scrolling="no"></iframe>
			</div>
		</div>
	</div>
</div>
<div class="fancybox-caption-wrap">
	<div class="fancybox-caption">
	</div>
</div>

but at the end, there is just a blank iframe popping on the screen.

 

I also have updated fancybox to the last version, but it still the same.

 

Does anybody knows what's going on here ?

Edited by Alexenn (see edit history)
  • Like 1
Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...