S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> element.DESCRIPCION [in template "20154#20194#6842830" at line 119, column 78]
----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to 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: ${element.DESCRIPCION.getData()} [in template "20154#20194#6842830" at line 119, column 76]
----
1<#assign index = -1 >
2
3<!DOCTYPE html>
4<html>
5<head>
6
7 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">
8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
9
10 <!--
11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
12 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
13 -->
14
15<style>
16.carousel{
17 display: none;
18}
19
20.wrapper{
21 width:100%;
22 padding-top: 20px;
23 text-align:center;
24}
25.carousel{
26 width:100%;
27 margin:0px auto;
28}
29
30.slick-slide{
31 margin:10px;
32 outline: none;
33}
34.slick-slide img{
35 width:100%;
36 border: 2px solid #fff;
37}
38
39.slick-dots li button:before {
40 font-size: 5px !important;
41}
42.sliderTittle{
43 text-align: justify !important;
44 margin: 0px;
45 padding: 0px;
46 /*margin: 10px -5% 5px -5%;*/
47 color: black !important;
48 float: left !important;
49 font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
50}
51
52h2.sliderTittle{
53 font-size: 28px;
54 font-weight: bold;
55}
56
57p.sliderTittle{
58 font-size: 16px;
59}
60
61.slick-dots li.slick-active button:before{
62 color: #bd0000 !important;
63}
64
65/* background-image: linear-gradient(#f2f2f2, white); */
66
67.imatgesSliderPortada{
68 width: 100%;
69 height: 100%;
70 object-fit: cover; /*magic*/
71}
72
73.tamanyMaxImgPortada{
74 height: 280px; /*any size*/
75 width:100%;
76 display: block;
77}
78
79.textContainer{
80 width:100%;
81 display: block;
82 vertical-align: top;
83}
84
85.textContainer h2{
86 margin-top: 10px;
87 margin-bottom: 10px;
88}
89
90@media only screen and (min-width: 700px) {
91 .textContainer{
92 width:44%;
93 display: inline-block;
94 }
95
96 .tamanyMaxImgPortada{
97 width:55%;
98 display: inline-block;
99 }
100
101 .sliderTittle{
102 margin: 0;
103 padding: 0px 10px 0px 10px;
104 }
105}
106</style>
107<script>
108
109</script>
110</head>
111
112<body>
113
114<div class="wrapper">
115 <div class="carousel">
116 <#if (fieldsGroup1.getSiblings())?has_content >
117 <#list fieldsGroup1.getSiblings() as element >
118 <div class="item <#if (element?counter == 1)> active </#if> ">
119 <div class="tamanyMaxImgPortada"><img alt="${element.DESCRIPCION.getData()}" title="${element.DESCRIPCION.getData()}" class="imatgesSliderPortada" src="${element.IMAGEN_555x312.getData()}" ></div>
120 <div class="textContainer">
121 <a href="${element.LINK.getData()}" title="${element.SLIDER_PORTADA_TITULO.getData()}">
122 <h2 class="sliderTittle"> ${element.SLIDER_PORTADA_TITULO.getData()} </h2>
123 <p class="sliderTittle"> ${element.DESCRIPCION.getData()} </p>
124 </a>
125 </div>
126 </div>
127 </#list>
128 </#if>
129 </div>
130</div>
131
132<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.js"></script>
133
134<script>
135var total = $('.carousel img').length,
136 rand = Math.floor( Math.random() * total );
137
138 /*console.log("total: " + total);
139 console.log("rand: " + rand);*/
140
141$(document).ready(function(){
142 $('.carousel').slick({
143 initialSlide: rand,
144 slidesToShow: 1,
145 dots:true,
146 centerMode: false,
147 autoplay: true,
148 arrows: false,
149 //Like fade transitions? Use code at the bottom
150 infinite: true,
151 speed: 500,
152 fade: true,
153 cssEase: 'linear',
154 responsive: [{
155 breakpoint: 650, // or whatever breakpoint you want to render below
156 settings: {
157 //variableWidth: false,
158 adaptiveHeight: true,
159 //centerMode: false
160 }
161 }],
162 });
163 $(".carousel").fadeIn(600);
164});
165</script>
166</body>
167</html>
