Concrete Collections
An error occurred while processing the template.
The following has evaluated to null or missing: ==> Banner [in template "20116#20152#48384585" at line 117, column 27] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${Banner.getData()} [in template "20116#20152#48384585" at line 117, column 25] ----
1<style>
2.top-lefttext {position: absolute; width:100%; padding:10px; top: 18px; left: 18px; -moz-box-sizing: border-box; box-sizing: border-box;
3}
4.featuresCon {padding:20px;}
5.textContainer {padding-left:20px; padding-right:20px;}
6.prodCon {margin-top:20px; margin-bottom:20px; border-bottom:thin solid #838383;}
7.prodCon:last-child {border-bottom:none;}
8.carouselButton a {border: thin solid #ffffff; color: #ffffff; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;}
9.carouselButton a:hover {box-shadow: inset 140px 0 0 0 #003b75; color:#fff;}
10.productButton {width:200px; display:inline-block;}
11.productButton a {width:100%; border: thin solid #000000; color: #000000; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;}
12.productButton a:hover {background-color:#003b75; color:#fff;}
13.thumbButton a {width:100%; border: thin solid #ffffff; color: #ffffff; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;}
14.thumbButton a:hover {background-color:#003b75; color:#fff;}
15.pdicon {padding:0;}
16.pdicon img {height:auto; width:26px;}
17
18@media only screen and (max-width: 580px) {
19 .top-lefttext {
20 display:none;
21 }
22}
23.mobShow {display:none;}
24
25@media only screen and (max-width:580px) {
26 .mobShow {
27 display:block;
28 }
29}
30.buttonsMob {display:none;}
31
32@media only screen and (max-width:580px) {
33 .buttonsMob {
34 display:block;
35 }
36}
37
38@media only screen and (max-width:580px) {
39 .buttonsDTP {
40 display:none;
41 }
42}
43
44#commercial-bottom-block .column-content{
45 height:50px;
46 display:table;
47 padding-right:20px;
48}
49#commercial-bottom-block .column-content p{
50 padding-bottom: 0;
51 padding-left:10px;
52 padding-right:10px;
53 display:table-cell;
54 vertical-align:middle;
55
56}
57#commercial-bottom-block h3{
58 margin-top:0;
59 margin-bottom:20px;
60 text-align:center;
61}
62#commercial-bottom-block .icon-container{
63 height:70px;
64}
65.commercial-icon{
66 height: 70px;
67 display: block;
68}
69
70.bulletless {
71 list-style:none;
72 padding:10px;
73}
74
75ul.bulletlessPDF {
76 list-style-type:none;
77 padding:0;
78 margin:0;
79}
80
81li.bulletPDF {
82 background: url('https://www.cemex.co.uk/documents/45807659/45840054/pdf-icon-new.png/3c954283-21e3-c34a-7f4c-cff942f5b4c8?t=1551262247970') no-repeat left top;
83 height: 56px;
84 padding-left:55px;
85 padding-top: 12px;
86 display:block;
87}
88
89.gopdf {list-style-image: url('https://drive-thirdparty.googleusercontent.com/16/type/application/pdf');}
90
91.gopdf li {padding-bottom:10px; padding-top:10px; border-bottom:thin solid #eeeeee;}
92
93</style>
94
95<script type="application/ld+json">
96{
97 "@context": "http://schema.org",
98 "@type": "Product",
99 "name": "${microdata.productName.getData()}",
100 "image": "${microdata.imageURL.getData()}",
101 "description": "${microdata.description.getData()}",
102 "url" : "https://www.cemex.co.uk${themeDisplay.getURLCurrent()}",
103 "aggregateRating": {
104 "@type": "AggregateRating",
105 "ratingValue": "5",
106 "reviewCount": "100"
107 },
108 "brand" : "${microdata.brand.getData()}",
109 "category" : "${microdata.category.getData()}",
110 "manufacturer" : "CEMEX S.A.B. de C.V."
111}
112</script>
113
114<div class="row">
115 <div class="col-sm-12" style="position:relative; display:inline-block;">
116 <picture>
117 <source srcset="${Banner.getData()}" media="(min-width: 1400px)"/>
118 <source srcset="${Banner.getData()}" media="(min-width: 1200px)"/>
119 <source srcset="${iPadBanner.getData()}" media="(min-width: 1024px)"/>
120 <source srcset="${MobileBanner.getData()}" media="(min-width: 800px)"/>
121 <source srcset="${MobileBanner.getData()}" media="(min-width: 400px)"/>
122 <img class="img-responsive mobrep" src="${Banner.getData()}" style="width:100%;" />
123 </picture>
124 <div class="top-lefttext">
125 <div class="row">
126 <div class="col-sm-5" style="background-color:#ffffff; opacity:0.9; filter: alpha(opacity=90); padding:25px;">
127 ${BannerContent.getData()}
128 </div>
129 </div>
130 </div>
131 </div>
132</div>
133
134<div class="container mobShow">
135 <div class="row" style="margin-bottom:20px; margin-top:20px;">
136 <div class="col-sm-12">
137 <div class="textContainer">
138 ${BannerContent.getData()}
139 </div>
140 </div>
141 </div>
142</div>
143
144<div class="container">
145 <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;">
146 <div class="row">
147 <div class="col-sm-7">
148 <div class="textContainer">
149 ${Introduction.getData()}
150 </div>
151 </div>
152 <div class="col-sm-5">
153 <div class="textContainer">
154 ${Introduction.ImageCarousel.getData()}
155 </div>
156 </div>
157 </div>
158 </div>
159</div>
160
161<div style="background-color:#0171d4; color:#ffffff;">
162<div class="container">
163
164 <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;">
165 <div class="row">
166 <div class="textContainer">
167 <div class="col-sm-12">
168 <h1>${BenefitsInfo.BenefitsTitle.getData()}</h1>
169 ${BenefitsInfo.BenefitsIntro.getData()}
170 </div>
171 </div>
172 </div>
173
174 <#list Benefits.getSiblings() as curr_Benefits>
175 <#assign Benefit = curr_Benefits.getChild("Benefit")!"" />
176 <div class="row">
177 <#list Benefit.getSiblings() as curr_Benefit>
178 <#assign BenefitsIcon = curr_Benefit.getChild("BenefitsIcon")!"" />
179 <#assign BenefitDescription = curr_Benefit.getChild("BenefitDescription")!"" />
180 <div class="col-xs-12 col-md-4" style="margin-bottom:20px;">
181 <#if BenefitsIcon.data?trim !="">
182 <#if BenefitDescription.data?trim !="">
183 <div class="row icon-container">
184 <div class="col-xs-2 col-md-3">
185 <img src="${BenefitsIcon.getData()}" class="commercial-icon" />
186 </div>
187 <div class="col-xs-10 col-md-9">
188 <div class="column-content">${BenefitDescription.getData()}</div>
189 </div>
190 </div>
191 </#if>
192 </#if>
193 </div>
194 </#list>
195 </div>
196 </#list>
197 </div>
198
199</div>
200</div>
201
202<div class="container">
203 <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;">
204 <div class="row">
205 <div class="textContainer">
206 <div class="col-sm-12">
207 <h3 style="font-size:35px; font-weight:800;">${AdditionalInformation.AdditionalHeading.getData()}</h3>
208 <p>${AdditionalInformation.AdditionalDescription.getData()}</p>
209 </div>
210 </div>
211 </div>
212 <div class="row">
213 <div class="textContainer">
214 <div class="panel-group" id="accordion">
215 <div class="panel panel-default" style="border-left:thick solid #003b75;">
216 <div class="panel-heading">
217 <span class="panel-title">
218 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
219 Documents & Resources<i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
220 </a>
221 </span>
222 </div>
223 <div id="collapseOne" class="panel-collapse collapse in">
224 <div class="panel-body">
225 <#list Documents.getSiblings() as curr_Documents>
226 <#assign DocURL = curr_Documents.getChild("DocURL")!"" />
227 <#assign DocName = curr_Documents.getChild("DocName")!"" />
228 <#if DocURL.data?trim !="">
229 <#if DocName.data?trim !="">
230 <ul class="gopdf">
231 <li><a href="${DocURL.getData()}">${DocName.getData()}</a></li>
232 </ul>
233 </#if>
234 </#if>
235 </#list>
236 </div>
237 </div>
238 </div>
239 </div>
240 </div>
241 </div>
242 </div>
243</div>
244
245<div style="background-color:#eeeeee;">
246 <div class="container">
247 <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;">
248 <div class="textContainer">
249 <h3 style="font-weight:800; font-size:35px;">More Information</h3>
250 </div>
251 <div class="textContainer" style="background-color:#ffffff; box-shadow: 5px 10px 18px #888888; margin-top:20px; padding-top:20px;">
252 ${CaseStudies.getData()}
253 </div>
254 </div>
255 </div>
256</div>
257
258<div style="background-color:#0171d4; color:#ffffff;">
259 <div class="container">
260 <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;">
261 <div class="row">
262 <#list UsefulLinks.getSiblings() as curr_UsefulLinks>
263 <#assign Thumbnail = curr_UsefulLinks.getChild("Thumbnail")!"" />
264 <#assign LinkDescription = curr_UsefulLinks.getChild("LinkDescription")!"" />
265 <#assign LinkURL = curr_UsefulLinks.getChild("LinkURL")!"" />
266 <div class="col-sm-4">
267 <div class="featuresCon">
268 <#if Thumbnail.data?trim !="">
269 <div style="width:100%; height:auto; margin-bottom:15px;">
270 <img class="img-responsive" alt="${Thumbnail.getAttribute("alt")}" src="${Thumbnail.getData()}" />
271 </div>
272 </#if>
273 <#if LinkDescription.data?trim !="">
274 ${LinkDescription.getData()}
275 </#if>
276 <div class="row">
277 <div class="col-sm-6">
278 <div class="thumbButton">
279 <#if LinkURL.data?trim !="">
280 <a href="${LinkURL.getData()}">Find Out More</a>
281 </#if>
282 </div>
283 </div>
284 </div>
285 </div>
286 </div>
287 </#list>
288 </div>
289 </div>
290 </div>
291</div>
292
293<script>
294function toggleChevron(e) {
295 $(e.target)
296 .prev('.panel-heading')
297 .find("i.indicator")
298 .toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
299}
300$('#accordion').on('hidden.bs.collapse', toggleChevron);
301$('#accordion').on('shown.bs.collapse', toggleChevron);
302</script>