Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing: ==> BlogsEntry [in template "20101#20128#2287659" at line 265, column 119] ---- 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: ${BlogsEntry.urlTitle} [in template "20101#20128#2287659" at line 265, column 117] ----
1<#--
2Widget templates can be used to modify the look of a
3specific application.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7-->
8<style>
9 .promociones-grid-dinn {
10 display: flex;
11 flex-direction: column;
12 gap: 40px;
13 width: 940px;
14 margin: 0 auto;
15 align-items: center;
16 }
17 .articulo-promocion {
18 width: 1225px;
19 height: 340px;
20 background: #F6F6F6;
21 border-radius: 12px;
22 display: flex;
23 align-items: center;
24 }
25 .articulo-promocion-texto {
26 display: flex;
27 flex-direction: column;
28 /*width: 65%;*/
29 width: 716px;
30 padding: 40px;
31 }
32 .articulo-promocion-texto h2 {
33 font-family:'Poppins Regular', sans-serif;
34 font-style: normal;
35 font-weight: 700;
36 font-size: 24px;
37 line-height: 36px;
38 color: #002623;
39 }
40 .articulo-promocion-texto p {
41 font-family:'Poppins Regular', sans-serif;
42 font-style: normal;
43 font-weight: 400;
44 font-size: 16px;
45 line-height: 32px;
46 color: #002623;
47 margin-bottom: 0;
48 }
49 .articulo-promocion-texto p.disclaimer-vigencia {
50 font-family:'Poppins Regular', sans-serif;
51 font-style: normal;
52 font-weight: 400;
53 font-size: 16px;
54 line-height: 24px;
55 color: #002623;
56 margin-top: 24px;
57 margin-bottom: 10px;
58 }
59 .articulo-promocion-texto p.subtitulo-vigencia {
60 font-family:'Poppins Regular', sans-serif;
61 font-style: normal;
62 font-weight: 400;
63 font-size: 16px;
64 line-height: 24px;
65 color: #002623;
66 }
67 .articulo-promocion-imagen {
68 /*width: 35%;*/
69 width: 509px;
70 height: 100%;
71 border-top-right-radius: 12px;
72 border-bottom-right-radius: 12px;
73 /*background-position: center center !important;
74 background-size: cover !important;
75 background-repeat: no-repeat !important;*/
76 }
77 #blog-promo-title {
78 width: 720px;
79 padding: 100px 0;
80 }
81 #blog-promo-title h1 {
82 font-family: 'Poppins Bold';
83 font-style: normal;
84 font-weight: 700;
85 font-size: 45px;
86 line-height: 68px;
87 color: #00635B;
88 }
89 #blog-promo-title h1 span {
90 color: #00635B
91 }
92 #blog-promo-title p {
93 font-family: 'Poppins Regular';
94 font-style: normal;
95 font-weight: 400;
96 font-size: 20px;
97 line-height: 40px;
98 color: #002623;
99 }
100 .autofit-float.autofit-row.portlet-header {
101 display: none;
102 }
103 @media (max-width: 1260px) {
104 #blog-promo-title {
105 width: 100%;
106 }
107 .promociones-grid-dinn {
108 display: flex;
109 flex-direction: column;
110 gap: 40px;
111 width: 100%;
112 /*margin: 0 auto;*/
113 align-items: center;
114 padding: 20px 16px;
115 }
116 .articulo-promocion {
117 display: flex;
118 flex-direction: column-reverse;
119 width: 100%;
120 height: auto;
121 /*height: 531px;*/
122 border-radius: 12px;
123 }
124 .articulo-promocion-imagen {
125 /*width: 35%;*/
126 width: 100%;
127 height: 420px;
128 }
129 .articulo-promocion-texto {
130 width: 100%;
131 padding: 24px;
132 }
133 .articulo-promocion-texto p.disclaimer-vigencia {
134 margin-bottom: 0;
135 }
136 .articulo-promocion-texto p {
137 line-height: 32px;
138 }
139 }
140 /* TABLET */
141 @media (max-width: 991px) and (min-width: 768px) {
142 /*.promociones-grid-dinn {
143 width: 100%;
144 padding-left: 10px;
145 padding-right: 10px;
146 }
147 .articulo-promocion {
148 width: 100%;
149 }
150 .articulo-promocion-imagen {
151 width: 45%;
152 }*/
153 .articulo-promocion-texto h2 {
154 font-size: 24px;
155 }
156 .articulo-promocion-texto p {
157 font-size: 16px;
158 }
159 /*.articulo-promocion-texto {
160 padding: 24px;
161 }*/
162 }
163
164 /* MOBILE */
165 @media (max-width: 767px) {
166 #blog-promo-title {
167 padding: 100px 0 40px;
168 }
169 .promociones-grid-dinn {
170 width: 100%;
171 padding-left: 10px;
172 padding-right: 10px;
173 }
174 .articulo-promocion {
175 width: 100%;
176 height: 531px;
177 border-radius: 12px;
178 display: flex;
179 flex-direction: column-reverse;
180 }
181 /*.articulo-promocion-texto {
182 padding: 24px;
183 width: 100%;
184 }*/
185 .articulo-promocion-texto h2 {
186 font-size: 18px;
187 line-height: 27px;
188 }
189 .articulo-promocion-texto p {
190 font-size: 12px;
191 line-height: 27px;
192 }
193 .articulo-promocion-texto p.disclaimer-vigencia {
194 font-size: 12px;
195 line-height: 27px;
196 }
197 .articulo-promocion-texto p.subtitulo-vigencia {
198 font-size: 12px;
199 line-height: 27px;
200 }
201 .articulo-promocion-imagen {
202 width: 100%;
203 /*height: 200px;*/
204 height: 50%;
205 border-top-left-radius: 12px;
206 border-bottom-right-radius: 0px;
207 }
208 #blog-promo-title h1 {
209 font-weight: 700;
210 font-size: 28px;
211 line-height: 48px;
212 margin-bottom: 8px;
213 }
214 #blog-promo-title p {
215 font-size: 16px;
216 line-height: 32px;
217 color: #00635B;
218 }
219 }
220</style>
221<section class="section-blog">
222 <div class="promociones-grid-dinn">
223 <div id="blog-promo-title">
224 <h1>Conoce nuestras promociones</h1>
225 <p>¡Ser cliente DINN tiene sus beneficios! Participa y consulta los términos y condiciones de nuestras dinámicas y promociones vigentes y obtén grandes recompensas para seguir haciendo crecer tu inversión y sacarle el máximo provecho a tu dinero.</p>
226 </div>
227 <!--<#if entries?has_content>
228 <#list entries as BlogsEntry>
229 <a class="articulo-promocion" href="promociones/-/blogs/${BlogsEntry.urlTitle}" data-senna-off="true">
230 <div class="articulo-promocion-texto">
231 <h2>${BlogsEntry.title}</h2>
232 <p>${BlogsEntry.description}</p>
233 <p class="disclaimer-vigencia">Vigencia</p>
234 <p class="subtitulo-vigencia">${BlogsEntry.subtitle}</p>
235 </div>
236 <img class="articulo-promocion-imagen" src="${BlogsEntry.getSmallImageURL(themeDisplay)}">
237 </a>
238 </#list>
239 </#if>-->
240 </div>
241</section>
242<script>
243 let listPostsResponse = {};
244 function getListPosts() {
245 var settings = {
246 "url": "/o/headless-delivery/v1.0/sites/627502/blog-postings",
247 "method": "GET",
248 "timeout": 0,
249 "headers": {
250 "Authorization": "Basic bXIuaGlub2pvc2EubWFjQGljbG91ZC5jb206dXBsb2FkZG9jdW1lbnRz",
251 "Cookie": "JSESSIONID=D0218AFAE73677D38FEAB6FF2E65C2F2; SERVER_ID=2a6bcb37bb0c8d33"
252 },
253 };
254 $.ajax(settings).done(function (response) {
255 listPostsResponse = response;
256 printAllPosts();
257 });
258 }
259
260 function printAllPosts() {
261 if (listPostsResponse.items.length > 0) {
262 for (let i = 0; i < listPostsResponse.items.length; i++) {
263 if (listPostsResponse.items[i].taxonomyCategoryBriefs[0].taxonomyCategoryName == "Promociones") {
264 if (listPostsResponse.items[i].customFields[0].customValue.data) {
265 $(".promociones-grid-dinn").append("<a class='articulo-promocion' href='promociones/-/blogs/${BlogsEntry.urlTitle}' data-senna-off='true'> <div class='articulo-promocion-texto'> <h2>"+listPostsResponse.items[i].headline+"</h2><p>"+listPostsResponse.items[i].description+"</p><p class='disclaimer-vigencia'>Vigencia</p><p class='subtitulo-vigencia'>"+listPostsResponse.items[i].subtitle+"</p> </div> <img class='articulo-promocion-imagen' src='"+listPostsResponse.items[i].image.contentUrl+"'> </a>");
266 }
267 }
268 }
269 }
270 }
271
272 printAllPosts();
273</script>