Page 1 of 1

Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 9:36 am
by mrdevis
Hi,

After updating to CMSMS from 2.2.1 to 2.2.7 rendering got hosed. So text appears as in source code on my site, and none of the images can be found. Inspector shows that links to images are rendered as follows:

Code: Select all

http://mysite.lll/uploads/images/pageimage/<p>ethiopia1_air.JPG</p>
So not really a surprise it cannot find the images...
Using template1200_2.3 as a template, which was working fine until now.

Any pointers GREATLY appreciated!!

Thanks,
Jeroen

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 1:52 pm
by DIGI3
That's a new one. How is that image being selected and output?
Like, is it within the content block, or selected with a module or page_image or...

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 1:59 pm
by velden
Further it's important to look at the source NOT using the inspector.
Inspector shows INTERPRETATION by the browser. The source shows what CMSMS actually outputs.

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:06 pm
by mrdevis
Hi, and thanks for your reaction!

It is a page image on a content page. But the effect is all over the site, text appears like this::

Code: Select all

<p>You have reached Jeroen's atelier of sound works. He is doing that work on both sides of the microphone cable. If you are looking to make Live-Recordings, that is one of our specialties, as is the mastering of your Recording. Drop us a note and let us know how we can help you getting the most out of your audio.</p> <p>At the moment (this website is work in progress), we have for you available some <a href="http://www.121234.net/kazanchis.html">Videoclips</a> of Trio Kazanchis +1 featuring the amazing krar player Mesele Asmamaw and masinqo virtuoso Endris Hassen, and an <a href="http://www.121234.net/fano.html">overview</a> of the work Jeroen has been doing with Ethiopian dancer Melaku Belay. Keep checking back, it is very likely to get more abundant soon.</p>
So I guessed rendering the page as a whole stopped functioning...

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:09 pm
by DIGI3
I think we're going to need to see a link to the site and possibly your page template. Something is going on early in a template but there's no way we can tell from small snippets of output.

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:15 pm
by mrdevis
Thanks for the hint on inspector. The source shows the same link to the image like this ::

Code: Select all

<div><img src="http://www.121234.net/uploads/images/pageimage/<p>ethiopia1_air.JPG</p>"/></div>
Page Header Title and Page Header Text render ok, but the Page Content is presented like this as source::

Code: Select all

<p><p>You have reached Jeroen's atelier of sound works. He is doing that work on both sides of the microphone cable. If you are looking to make Live-Recordings, that is one of our specialties, as is the mastering of your Recording. Drop us a note and let us know how we can help you getting the most out of your audio.</p>
<p>At the moment (this website is work in progress), we have for you available some <a href="http://www.121234.net/kazanchis.html">Videoclips</a> of Trio Kazanchis +1 featuring the amazing krar player Mesele Asmamaw and masinqo virtuoso Endris Hassen, and an <a href="http://www.121234.net/fano.html">overview</a> of the work Jeroen has been doing with Ethiopian dancer Melaku Belay. Keep checking back, it is very likely to get more abundant soon.</p></p>
Thanks for any ideas!
Jeroen

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:31 pm
by mrdevis

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:36 pm
by DIGI3
Just paste the page template, I'm not going to install it.

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:39 pm
by mrdevis
Here u go:

Code: Select all

{strip}
	{process_pagedata}
{/strip}
<!DOCTYPE HTML>

<__html lang="{cms_get_language}">

<head>

	<meta charset="utf-8">

	<title>{sitename} - {title}</title>

	<meta name="description" content="{content block='page_description' label='PageDescription' oneline='true'}">

	<meta name="generator" content="{sitename}">
	<meta name="author" content="{root_url}">

	<meta name="robots" content="index, follow">

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="shortcut icon" href="{root_url}/uploads/template1200/images/touch-icon.png">
	<link rel="apple-touch-icon" href="{root_url}/uploads/template1200/images/favicon.ico">

	<meta name="application-name" content="{sitename}"/>
	<meta name="msapplication-navbutton-color" content="white"/>
	<meta name="msapplication-TileColor" content="#000000"/>
	<meta name="msapplication-TileImage" content="{root_url}/uploads/template1200/images/favicon.ico"/>

	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
    	<link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
    
	{cms_stylesheet}

	<!-- IEMobile 10 viewport fix -->
	{literal}<__script__ type="text/javascript">
	if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
		var msViewportStyle = document.createElement("style");
			msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
		document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
	}
	</__script>{/literal}
    
	{cms_jquery}
    	{literal}<__script__ type="text/javascript">
    	$(document).ready(function(){$('a[href^="#"]').click(function(event){var id=$(this).attr("href");var offset=60;var target=$(id).offset().top-offset;$('html, body').animate({scrollTop:target},1000);event.preventDefault()})});if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))||(navigator.userAgent.match(/Android/i))){$(document).ready(function(){var width=$(window).width();if(width<800){$('#menu a').click(function(){$('#menu').hide()});$('#nav-mobile').click(function(){$('#menu').show()})}})}function resizeBack(){var width=$(window).width();if(width<1200){$window=$(window);$('div[data-type="background"]').each(function(){var $bgobj=$(this);$(window).scroll(function(){var coords='50% '+0+'px';$bgobj.css({backgroundPosition:coords})})})}else if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))||(navigator.userAgent.match(/Android/i))){}else{$window=$(window);$('div[data-type="background"]').each(function(){var $bgobj=$(this);$(window).scroll(function(){var yPos=-($window.scrollTop()/$bgobj.data('speed'));var coords='50% '+yPos+'px';$bgobj.css({backgroundPosition:coords})})})}}$(window).resize(function(){resizeBack()});$(document).ready(function(){resizeBack()});
    	</__script>{/literal}
    
    	<style type="text/css">
	.content_back {
		background: url("{CGSmartImage src="{content_image block='PageheaderImage' dir='images/header' urlonly='1'}" filter_croptofit='1920,900' notag=1}") no-repeat top;
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	@media screen and (max-width: 1600px) {
		.content_back {
			-webkit-background-size:1600px auto;
			-moz-background-size:1600px auto;
			-o-background-size:1600px auto;
			background-size:1600px auto;
		}
	}
	
	@media screen and (max-width: 1200px) {
		.content_back {
			background-attachment:scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}
		
	@media 
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
		.content_back {
			background-position:top;
			-webkit-background-size:1024px auto;
			-moz-background-size:1024px auto;
			-o-background-size:1024px auto;
			background-size:1024px auto;
		}
	}
	</style>

</head>

</__body>

<div id="top"></div>

<div id="header_container">

	<div  class="content">

		<div class="section">
			<div class="three-column logo"><a href="{root_url}"><h4>{sitename}</h4></a></div>
			<div class="two-third-column">

                <div id="menu-mobile" onclick="void(0)">
    
                    <div id="nav-mobile">{sitename}</div>
    
                    {Navigator template="Template1200-navigation"}

				</div>
                
			</div>
		</div>

		<div class="section"><!-- clear section --></div>

	</div>
    
</div>

<div id="content_container"> 

    <div class="content_back" data-type="background" data-speed="5">
    
        <div class="content">
        
            <div class="section">
                <div class="two-column">
                    <h1>{content block='header_title' label='PageheaderTitle' oneline='true'}</h1>
                    <p>{content block='header_text' label='PageheaderText' oneline='true'}</p>
                </div>
                <div class="two-column"></div>
            </div>
        
            <div class="section"><!-- clear section --></div>
        
        </div>
        
    </div>
    
    <div class="content_blocks">
    
        <div class="content">
        
            <div class="section">
                <div class="two-third-column">
                  <h2>{title}</h2>
                  
                  {content}
                  
                </div>
                <div class="three-column round">
                	<div>{cgsi_convert filter_croptofit='400,400'}{content_image block='Pageimage' dir='images/pageimage'}{/cgsi_convert}</div>
            	</div>
            </div>
        
        	<div class="section"><!-- clear section --></div>
        
        </div>
        
    </div>
    
    <div class="footer">
        
        <div class="content">
        
            <div class="section">
                <div class="one-column main-nav"><p><a href="#top" title="Top">^</a></p></div>  
            </div>

            <div class="section footer-desktop">
                <div class="four-column">{global_content name='Template1200-footer-1'}</div> 
                <div class="four-column">{global_content name='Template1200-footer-2'}</div> 
                <div class="four-column">{global_content name='Template1200-footer-3'}</div> 
                <div class="four-column">{search resultpage="search"}</div> 
            </div>
            
            <div class="section footer-mobile">
                <div class="one-column">{search resultpage="search"}</div> 
            </div>
            
            <div class="section footer-mobile">
            	<div class="one-column">{global_content name='Template1200-footer-mobile'}</div>  
            </div>

			<div class="section"><!-- clear section --></div>
    
        </div>
    
    </div>
    
</div>

<__body>

</__html>

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:48 pm
by DIGI3
Nothing obvious jumping out at me. A few things to try:
-check your system info page, make sure everything is good
-open and resubmit pages
-manually clear the cache (via file system, in case the clear cache function isn't getting everything)
-try one of the default templates, or create a very simple one, to rule out anything in the template.

After that I'm out of ideas. Restore from backup and try incremental upgrades, see if you can determine where things changed, then look at the changelog for that version to see what could be affecting it.

Re: Update to 2.2.7 hosed rendering

Posted: Tue May 08, 2018 2:58 pm
by Jo Morg
Also check if you are not calling any additional global_content inside the content itself (or include template by using {include file='...'}) which may be using names with / included on it. As a security measure those templates will not be parsed by smarty. AFAIK they should trigger an error, but I have seen a few times it just passed the source html through htmlentities and displayed the source.