Readybrick - Concrete Brick | Dense Brick

Readybrick

An error occurred while processing the template.

The following has evaluated to null or missing:
==> Microdata  [in template "20116#20152#48384585" at line 99, column 20]

----
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: ${Microdata.Name.getData()}  [in template "20116#20152#48384585" at line 99, column 18]
----

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;}

18@media only screen and (max-width: 580px) {

19  .top-lefttext {

20    display:none;

21    }

22}

23.mobShow {display:none;}

25@media only screen and (max-width:580px) {

26    .mobShow {

27     display:block;

28    }

29}

30.buttonsMob {display:none;}

32@media only screen and (max-width:580px) {

33     .buttonsMob {

34     display:block;

35    }

36}

38@media only screen and (max-width:580px) {

39    .buttonsDTP {

40    display:none;

41    }

42}

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;

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}

70.bulletless {

71    list-style:none;

72    padding:10px;

73}

75ul.bulletlessPDF {

76    list-style-type:none;

77    padding:0;

78    margin:0;

79}

81li.bulletPDF {

82    background: url('https://www.cemex.co.uk/documents/45807659/45840054/pdf-icon-new.png/') no-repeat left top;

83    height: 56px;

84    padding-left:55px;

85    padding-top: 12px;

86    display:block;

87}

89.gopdf  {list-style-image: url('https://drive-thirdparty.googleusercontent.com/16/type/application/pdf');}

91.gopdf li {padding-bottom:10px; padding-top:10px; border-bottom:thin solid #eeeeee;}

93</style>

95<script type="application/ld+json">

96{

97	"@context": "http://schema.org",

98	"@type": "Product",

99	"name": "${Microdata.Name.getData()}",

100		"image": "${Microdata.Image.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>

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>

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>

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>

161<div style="background-color:#0171d4; color:#ffffff;">

162<div class="container">

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>

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>

199</div>

200</div>

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>

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;">Case Studies</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>

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>

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>

Currently Available In Six Colour Variations

Tannochside Buff

Tannochside Buff coloured brick

Lothian Gold

Lothian Gold coloured brick

Lauder Marigold

Lauder Marigold coloured brick

Perthshire Red

A dark red coloured brick

Lanark Brindle

A very dark red coloured brick

Leith Iron

A dark grey coloured brick

Resources

Readybrick Technical Datasheet

Download the Readybrick technical datasheet to find out more.

Download

Navigation