Strange cpde rendering with stacks
Permalink August 19, 2015 at 2:11 AM
Hi,
I am having a strange issue with hardcoded stack. When I place a stack I get a blank page and when I look ate the source code I get some code like below placed randomly, so all of a sudden I have a page with 2 <head> tags for instance. You can see the rendered hmtl here m.hostelsuites.com/en/hs-obelisco.
and this is my template page code, hoping someone will help me troubleshoot the error. Many thanks
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="<?= $view -> getThemePath ( ) ?> /css/bootstrap-3.3.4.css" rel="stylesheet" type="text/css">
<link href="<?= $view -> getThemePath ( ) ?> /style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="<?= $view -> getThemePath ( ) ?> /css/bootstrap-3.3.4.css" rel="stylesheet" type="text/css">
<link href="<?= $view -> getThemePath ( ) ?> /style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<?php Loader:: element ( 'header_required' ) ?>
</head>
<body>
<div class="<?= $c -> getPageWrapperClass ( ) ?> ">
<!-- /modal -->
<div class="modal fade" id="booking" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<?php $stack = Stack:: getByName ( 'form english' ) ;
$stack -> display ( ) ; ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" >Close</button>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1">MENU</button>
<a class="navbar-brand" href="#">
<?php $stack = Stack:: getByName ( 'logo' ) ;
$stack -> display ( ) ; ?>
</a></div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="defaultNavbar1" style="background-color:#191717">
<?php $stack = Stack:: getByName ( 'nav' ) ;
$stack -> display ( ) ; ?>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" style="color:white; border:none">CLOSE</button>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container-fluid">
<?php
$a = new Area( 'hostelName' ) ;
$a -> display ( $c ) ;
?>
<div class="row">
<?php
$a = new Area( 'slide' ) ;
$a -> display ( $c ) ;
?>
<?php
$a = new Area( 'accordion' ) ;
$a -> display ( $c ) ;
?>
<div class="col-md-6 col-md-offset-3">
<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#booking" style="float:right;">CONTACT / INFO</button>
</div>
</div>
<hr>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container-fluid" style="background-color:rgba(25,23,23,1.00)">
<div class="row text-center" style="padding:10px">
<div class="col-xs-4">
<?php
$a = new Area( 'language' ) ;
$a -> display ( $c ) ;
?>
</div>
<div class="col-xs-4-offset-4">
<button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#booking" style="float:right">ONLINE BOOKING</button>
</div>
</div>
</div>
<!-- /.navbar-collapse -->
<!-- /.container-fluid -->
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="<?= $view -> getThemePath ( ) ?> /js/jquery-1.11.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<?= $view -> getThemePath ( ) ?> /js/bootstrap.js"></script>
<?php Loader:: element ( 'footer_required' ) ?>
</div>
</body>
</html>
You cannot name a stack with space between 2 words. So it should be "form_english"
Rony