Only show CMS content (not header, footer etc.) in iFrame

[CrossY]

Hi there,

 

I'm using an iFrame with this code (thanks to Vekia overlord):

add class="iframe" to your link (<a class="iframe">)
 
+ add this script
<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>

I'm linking to a CMS page. Would it be possible to show only the CMS content, and hide everything else such as header and footer? I could imagine I could use CSS 'hacks' to display: none on all other content, but I feel there may be a built in feature to establish this.

 

Thanks in advance,

[erouvier29]

It might be enough to add content_only=1 as parameter of the URL.

Cf. http://fo.demo.prestashop.com/en/content/3-terms-and-conditions-of-use

vs http://fo.demo.prestashop.com/en/content/3-terms-and-conditions-of-use?content_only=1

 

[CrossY]

Fixed:

<a href="{$link->getCMSLink('8')}?content_only=1" class="iframe">link</a>

Replace '8' with whatever CMS page you want displayed (thanks to El Patron I believe).

The iframe didn't properly style it for me though (doesn't use the cms.css styling), especially an image that was too wide, fixed it like this:

.content_only {
  padding: 8px;
  color: #333;
}
.content_only img {
  max-width: 100%;
  height: auto;
}

It might be enough to add content_only=1 as parameter of the URL.

Cf. http://fo.demo.prestashop.com/en/content/3-terms-and-conditions-of-use

vs http://fo.demo.prestashop.com/en/content/3-terms-and-conditions-of-use?content_only=1

 

Thanks, just fixed it a minute ago before your post Hope this can help others in the future.