1<#assign cache = cacheUtils.getCacheManager(themeDisplay.getScopeGroupId())! />
2
3<#if cache??>
4
5 <#macro initSupraMenus>
6 <#if shortcuts.shortcutsShortcut.getSiblings()?has_content>
7 <#list shortcuts.shortcutsShortcut.getSiblings() as curShortcut>
8 <#assign
9 pos = curShortcut.shortcutsShortcutPos.getData()
10 icon = curShortcut.shortcutsShortcutIcon.getData()
11 iconWidth = curShortcut.shortcutsShortcutWidth.getData()
12 iconHeight = curShortcut.shortcutsShortcutHeight.getData()
13 text = curShortcut.shortcutsShortcutText.getData()
14 link = (curShortcut.shortcutsShortcutLink.getData()?has_content)?string(cache.parseLinkURL(request, curShortcut.shortcutsShortcutLink.getData()), "")
15 target = (link?has_content)?string((curShortcut.shortcutsShortcutTargetLink.getData()?has_content)?string(curShortcut.shortcutsShortcutTargetLink.getData(), cache.getLinkTarget(link)), "")
16 isComparator = curShortcut.shortcutsShortcutComparator?? && getterUtil.getBoolean(curShortcut.shortcutsShortcutComparator.getData())
17 isFavorites = curShortcut.shortcutsShortcutFavorites?? && getterUtil.getBoolean(curShortcut.shortcutsShortcutFavorites.getData())
18 />
19
20 <#attempt>
21 <#if curShortcut?? && curShortcut.tooltipIcon?? && curShortcut.tooltipIcon.getData()??>
22 <#assign tooltipIcon = curShortcut.tooltipIcon.getData() />
23 <#else>
24 <#assign tooltipIcon = "" />
25 </#if>
26 <#recover>
27 <#assign tooltipIcon = "" />
28 </#attempt>
29
30 <#assign html = "" />
31 <#assign cssLiClass = "supramenu__item" />
32
33 <#if isComparator>
34 <#assign
35 cssLiClass = cssLiClass + " comparator-icon"
36 />
37 <#elseif isFavorites>
38 <#assign
39 cssLiClass = cssLiClass + " favorites-icon"
40 />
41 </#if>
42
43 <#if pos == "C1" && link?has_content && link?contains(cache.translate(themeDisplay.getLocale(), "/sobre-roca"))>
44 <#assign cssLiClass += " about-us" />
45 </#if>
46
47 <#if link?has_content>
48 <#assign html += "<li class=\"${cssLiClass}\">" /> 49
50 <#if tooltipIcon?has_content>
51 <#assign html += "<a class=\"supramenu__link\" href=\"" + link + "\" title=\"" + tooltipIcon + "\" target=\"" + target + "\">" />
52 <#else>
53 <#assign html += "<a class=\"supramenu__link\" href=\"" + link + "\" target=\"" + target + "\">" />
54 </#if>
55
56 <#if isComparator>
57 <#assign html += "<i class=\"icon-cards\"></i>"/>
58 <#elseif isFavorites>
59 <#assign html += "<i class=\"icon-favourite\"></i>"/>
60 <#elseif icon?has_content>
61 <#assign style = "" />
62 <#if iconWidth?has_content && iconWidth != "0">
63 <#assign style += "width: " + iconWidth + "px;" />
64 </#if>
65 <#if iconHeight?has_content && iconHeight != "0">
66 <#assign style += "height: " + iconHeight + "px;" />
67 </#if>
68
69 <#if text?has_content>
70 <#assign html += "<img class=\"icon-right-space\" alt=\"" + curShortcut.shortcutsShortcutIcon.getAttribute("alt") + "\" data-fileentryid=\"" + curShortcut.shortcutsShortcutIcon.getAttribute("fileEntryId") + "\" src=\"" + icon + "\" title=\"" + text + "\" style=\"" + style + "\" />" /> 71 <#else>
72 <#assign html += "<img alt=\"" + curShortcut.shortcutsShortcutIcon.getAttribute("alt") + "\" data-fileentryid=\"" + curShortcut.shortcutsShortcutIcon.getAttribute("fileEntryId") + "\" src=\"" + icon + "\" style=\"" + style + "\" />" /> 73 </#if>
74 </#if>
75
76 <#if text?has_content>
77 <#assign html += "<div><span>" + text + "</span></div>" />
78 </#if>
79
80 <#assign html += "</a>" />
81 <#assign html += "</li>" />
82 </#if>
83
84
85 <#if html?has_content>
86 <#if pos == "C1">
87 <#if link?has_content && link?contains(cache.translate(themeDisplay.getLocale(), "/sobre-roca"))>
88 <#assign htmlAbout += html />
89 </#if>
90 <#assign htmlC1 += html />
91 <#elseif pos == "C2">
92 <#assign htmlC2 += html />
93 <#elseif pos == "C3">
94 <#assign htmlC3 += html />
95 </#if>
96 </#if>
97 </#list>
98
99 <#assign
100 html = ""
101 icon = shortcuts.shortcutsCta.shortcutsCtaIcon.getData()
102 iconWidth = shortcuts.shortcutsCta.shortcutsCtaWidth.getData()
103 iconHeight = shortcuts.shortcutsCta.shortcutsCtaHeight.getData()
104 text = shortcuts.shortcutsCta.shortcutsCtaText.getData()
105 link = (shortcuts.shortcutsCta.shortcutsCtaLink.getData()?has_content)?string(cache.parseLinkURL(request, shortcuts.shortcutsCta.shortcutsCtaLink.getData()), "")
106 target = (link?has_content)?string((shortcuts.shortcutsCta.shortcutsCtaTargetLink.getData()?has_content)?string(shortcuts.shortcutsCta.shortcutsCtaTargetLink.getData(), cache.getLinkTarget(link)), "")
107 />
108
109 <#if link?has_content>
110 <#assign html += "<a class=\"supramenu__btn\" href=\"" + link + "\" target=\"" + target + "\">" />
111 </#if>
112 <#if icon?has_content>
113 <#assign style = "" />
114 <#if iconWidth?has_content && iconWidth != "0">
115 <#assign style += "width: " + iconWidth + "px;" />
116 </#if>
117 <#if iconHeight?has_content && iconHeight != "0">
118 <#assign style += "height: " + iconHeight + "px;" />
119 </#if>
120
121 <#if text?has_content>
122 <#assign html += "<img class=\"icon-right-space\" alt=\"" + shortcuts.shortcutsCta.shortcutsCtaIcon.getAttribute("alt") + "\" data-fileentryid=\"" + shortcuts.shortcutsCta.shortcutsCtaIcon.getAttribute("fileEntryId") + "\" src=\"" + icon + "\" title=\"" + text + "\" style=\"" + style + "\" />" /> 123 <#else>
124 <#assign html += "<img alt=\"" + shortcuts.shortcutsCta.shortcutsCtaIcon.getAttribute("alt") + "\" data-fileentryid=\"" + shortcuts.shortcutsCta.shortcutsCtaIcon.getAttribute("fileEntryId") + "\" src=\"" + icon+ "\" style=\"" + style + "\" />" /> 125 </#if>
126 </#if>
127 <#if text?has_content>
128 <#assign html += "<div><span>" + text + "</span></div>" />
129 </#if>
130 <#if link?has_content>
131 <#assign html += "</a>" />
132 </#if>
133
134
135 <#if html?has_content>
136 <#assign htmlCCta += html />
137 </#if>
138 </#if>
139 </#macro>
140
141 <#macro drawDesktopMainMenu>
142 <ul class="main-menu__list" id="id001">
143 <#list mainMenu.mainMenuItems.getSiblings() as curMenuItem>
144 <#assign
145 type = curMenuItem.mainMenuItemsType.getData()
146 sectionsHtml = ""
147 bannerHtml = ""
148 footerHtml = ""
149
150 slider = curMenuItem.mainMenuItemsBannersSlider.getData()
151 items = 0
152 />
153
154 <#list curMenuItem.mainMenuItemsBanners.getSiblings() as curBanner>
155 <#assign
156 img = curBanner.mainMenuItemsBannersImage.getData()
157 text = curBanner.mainMenuItemsBannersText.getData()
158 link = (curBanner.mainMenuItemsBannersLink.getData()?has_content)?string(cache.parseLinkURL(request, curBanner.mainMenuItemsBannersLink.getData()), "")
159 target = (link?has_content)?string((curBanner.mainMenuItemsBannersTargetLink.getData()?has_content)?string(curBanner.mainMenuItemsBannersTargetLink.getData(), cache.getLinkTarget(link)), "")
160 />
161
162 <#if img?has_content>
163 <#assign bannerHtml += "<div class=\"menu-carousel-item\" style=\"background-image: url('${img}');\">" /> 164 <#if link?has_content>
165 <#assign bannerHtml += "<a href=\"${link}\" target=\"${target}\">" /> 166 </#if>
167 <#if text?has_content>
168 <#assign bannerHtml += "<span>${text}</span>" /> 169 </#if>
170 <#if link?has_content>
171 <#assign bannerHtml += "</a>" />
172 </#if>
173 <#assign bannerHtml += "</div>" />
174
175 <#assign items++ />
176 </#if>
177 </#list>
178
179 <#list curMenuItem.mainMenuItemsSections.getSiblings() as curSection>
180 <#assign section = curSection.mainMenuItemsSectionsType.getData() />
181
182 <#if type == "LINK" || ((type == "PRODUCTS" || type == "COLLECTIONS") && section == "FOOTER")>
183 <#assign
184 text = curSection.mainMenuItemsSectionsText.getData()
185 link = (curSection.mainMenuItemsSectionsLink.getData()?has_content)?string(cache.parseLinkURL(request, curSection.mainMenuItemsSectionsLink.getData()), "")
186 target = (link?has_content)?string((curSection.mainMenuItemsSectionsTargetLink.getData()?has_content)?string(curSection.mainMenuItemsSectionsTargetLink.getData(), cache.getLinkTarget(link)), "")
187 isSection = (section != "FOOTER" && text?has_content)
188 />
189
190 <#if isSection>
191 <#assign cssColClass = "main-menu__section col-xl-3 col-lg-3 col-4" />
192 <#if items gt 0 && bannerHtml?has_content && slider = "2C">
193 <#assign cssColClass = "col-xl-12 col-lg-12 col-4" />
194 </#if>
195
196 <#assign sectionsHtml += "<li class=\"${cssColClass}\">" /> 197 <#if link?has_content>
198 <#assign sectionsHtml += "<a href=\"${link}\" target=\"${target}\">" /> 199 </#if>
200 <#assign sectionsHtml += "<span class=\"main-menu__sublist-title\">${text} <span class=\"icon-chevron-up\" data-toggle=\"collapse\" href=\"#main-menu-${curMenuItem?index}__section-${curSection?index}\" role=\"button\" aria-expanded=\"true\"></span></span>" /> 201 <#if link?has_content>
202 <#assign sectionsHtml += "</a>" />
203 </#if>
204 <#assign sectionsHtml += "<ul id=\"main-menu-${curMenuItem?index}__section-${curSection?index}\" class=\"row collapse show main-menu__sublist\">" /> 205 </#if>
206
207 <#list curSection.mainMenuItemsSectionsSubitems.getSiblings() as curSubitem>
208 <#assign
209 img = curSubitem.mainMenuItemsSectionsSubitemsImage.getData()
210 imgWidth = curSubitem.mainMenuItemsSectionsSubitemsWidth.getData()
211 imgHeight = curSubitem.mainMenuItemsSectionsSubitemsHeight.getData()
212 text = curSubitem.mainMenuItemsSectionsSubitemsText.getData()
213 link = (curSubitem.mainMenuItemsSectionsSubitemsLink.getData()?has_content)?string(cache.parseLinkURL(request, curSubitem.mainMenuItemsSectionsSubitemsLink.getData()), "")
214 target = (link?has_content)?string((curSubitem.mainMenuItemsSectionsSubitemsTargetLink.getData()?has_content)?string(curSubitem.mainMenuItemsSectionsSubitemsTargetLink.getData(), cache.getLinkTarget(link)), "")
215 />
216
217 <#assign style = "" />
218 <#if imgWidth?has_content && imgWidth != "0">
219 <#assign style += "width: " + imgWidth + "px;" />
220 </#if>
221 <#if imgHeight?has_content && imgHeight != "0">
222 <#assign style += "height: " + imgHeight + "px;" />
223 </#if>
224
225 <#if section == "FOOTER">
226 <#if link?has_content && (img?has_content || text?has_content)>
227 <#assign footerHtml += "<div class=\"footer-link\">" />
228 <#if link?has_content>
229 <#assign footerHtml += "<a href=\"${link}\" target=\"${target}\">" /> 230 </#if>
231 <#if img?has_content>
232 <#assign footerHtml += "<img alt=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('alt')}\" data-fileentryid=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('fileEntryId')}\" src=\"${img}\" style=\"${style}\" />" /> 233 </#if>
234 <#if text?has_content>
235 <#assign footerHtml += "<div><span>${text}</span></div>" /> 236 </#if>
237 <#if link?has_content>
238 <#assign footerHtml += "</a>" />
239 </#if>
240 <#assign footerHtml += "</div>" />
241 </#if>
242 <#else>
243 <#if text?has_content>
244 <#if isSection>
245 <#assign sectionsHtml += "<li class=\"col-xl-12 col-lg-12 col-4\">" />
246 <#else>
247 <#if items gt 0 && bannerHtml?has_content && slider = "2C">
248 <#assign sectionsHtml += "<li class=\"col-xl-12 col-lg-12 col-4\">" />
249 <#else>
250 <#assign sectionsHtml += "<li class=\"col-xl-3 col-lg-3 col-4\">" />
251 </#if>
252 </#if>
253 <#if link?has_content>
254 <#assign sectionsHtml += "<a href=\"${link}\" target=\"${target}\">" /> 255 </#if>
256 <#if img?has_content>
257 <#assign sectionsHtml += "<img alt=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('alt')}\" data-fileentryid=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('fileEntryId')}\" src=\"${img}\" style=\"${style}\" />" /> 258 </#if>
259 <#assign sectionsHtml += "<div><span>${text}</span></div>" /> 260 <#if link?has_content>
261 <#assign sectionsHtml += "</a>" />
262 </#if>
263 <#assign sectionsHtml += "</li>" />
264 </#if>
265 </#if>
266 </#list>
267
268 <#if isSection>
269 <#assign sectionsHtml += "</ul></li>" />
270 </#if>
271 </#if>
272 </#list>
273
274
275 <li class="main-menu__item js-collapse-sm">
276 <#assign
277 type = curMenuItem.mainMenuItemsType.getData()
278 text = curMenuItem.mainMenuItemsText.getData()
279 link = (curMenuItem.mainMenuLink.getData()?has_content)?string(cache.parseLinkURL(request, curMenuItem.mainMenuLink.getData()), "")
280 target = (link?has_content)?string((curMenuItem.mainMenuItemsTargetLink.getData()?has_content)?string(curMenuItem.mainMenuItemsTargetLink.getData(), cache.getLinkTarget(link)), "")
281 />
282
283 <div class="link-wrapper">
284 <#if link?has_content>
285 <a class="main-menu__link" href="${link}" target="${target}"> 286 </#if>
287 ${text} 288 <#if link?has_content>
289 </a>
290 </#if>
291 </div>
292
293 <#if (type == "LINK" && sectionsHtml?has_content) || type == "PRODUCTS" || type == "COLLECTIONS">
294 <div id="menu-section-${curMenuItem?index + 1}" class="js-menu-collapse dropdown-menu mega-menu"> 295 <div class="wrapper">
296 <section>
297 <div class="container">
298 <div class="row">
299 <div class="main-content <#if items gt 0 && bannerHtml?has_content && slider == "1C">col-xl-8 col-lg-8<#elseif items gt 0 && bannerHtml?has_content && slider = "2C">col-xl-6 col-lg-6</#if> col-12">
300 <div class="header-menu">
301 ${text} 302 <#if getterUtil.getBoolean(curMenuItem.mainMenuItemsShowLink.getData())>
303 <a class="desktop-go-to" href="${link}"><div><span>${cache.translate(locale, "Go to")} ${text}</span></div> <i class="icon-arrow-right"></i></a> 304 </#if>
305 </div>
306 <div class="wrapper">
307 <ul class="row">
308 <#if type == "LINK">
309 ${sectionsHtml} 310 <#elseif type == "PRODUCTS">
311 <#list p_Map?sort_by("websort") as item> 312 <li class="<#if items gt 0 && bannerHtml?has_content && slider = "1C"><#elseif items gt 0 && bannerHtml?has_content && slider = "2C">col-xl-6 col-lg-12<#else>col-xl-3 col-lg-3</#if> col-4">
313 <a href="${item.url}"> 314 <#if item.title?has_content>
315 <img src="${item.image!}" alt="${item.title}"> 316 <div><span>${item.title}</span></div> 317 <#else>
318 <img src="${item.image!}"> 319 <span></span>
320 </#if>
321 </a>
322 </li>
323 </#list>
324 <#elseif type == "COLLECTIONS">
325 <#list c_Map?sort_by("websort") as item> 326 <li class="<#if items gt 0 && bannerHtml?has_content && slider = "1C"><#elseif items gt 0 && bannerHtml?has_content && slider = "2C">col-xl-6 col-lg-12<#else>col-xl-3 col-lg-3</#if> col-4">
327 <a href="${item.url}"> 328 <#if item.title?has_content>
329 <img src="${item.image!}" alt="${item.title}"> 330 <div><span>${item.title}</span></div> 331 <#else>
332 <img src="${item.image!}"> 333 <span></span>
334 </#if>
335 </a>
336 </li>
337 </#list>
338 </#if>
339 </ul>
340 </div>
341 </div>
342
343 <#if items gt 0 && bannerHtml?has_content>
344 <div id="banner-${curMenuItem?index + 1}" class="banner-content <#if slider == "1C">col-xl-4 col-lg-4<#elseif slider = "2C">col-xl-6 col-lg-6</#if> col-12"> 345 <div class="menu-carousel-container <#if slider == "2C">two</#if>">
346 <div class="menu-carousel-buttons">
347 <button class="menu-carousel-button prev icon-chevron-left disabled" onclick="showMenuCarouselItem('banner-${curMenuItem?index + 1}', -1);"></button> 348 <button class="menu-carousel-button next icon-chevron-right" onclick="showMenuCarouselItem('banner-${curMenuItem?index + 1}', 1);"></button> 349 </div>
350
351 <div class="menu-carousel" data-index="0">
352 ${bannerHtml} 353 </div>
354 </div>
355 </div>
356 </#if>
357 </div>
358 <#if footerHtml?has_content>
359 <div class="row footer-menu">
360 <div class="footer-links col-12">
361 ${footerHtml} 362 </div>
363 </div>
364 </#if>
365 </div>
366 </section>
367 </div>
368 </div>
369 </#if>
370 </li>
371 </#list>
372 </ul>
373 </#macro>
374
375 <#macro drawMobileMainMenu>
376 <#assign collapseIds = "" />
377
378 <#list mainMenu.mainMenuItems.getSiblings() as curMenuItem>
379 <#assign
380 collapse = "clpsMbM-" + curMenuItem?index
381 type = curMenuItem.mainMenuItemsType.getData()
382 sectionsHtml = ""
383 bannerHtml = ""
384 footerHtml = ""
385
386 slider = curMenuItem.mainMenuItemsBannersSlider.getData()
387 items = 0
388 />
389
390 <#list curMenuItem.mainMenuItemsBanners.getSiblings() as curBanner>
391 <#assign
392 img = curBanner.mainMenuItemsBannersImage.getData()
393 text = curBanner.mainMenuItemsBannersText.getData()
394 link = (curBanner.mainMenuItemsBannersLink.getData()?has_content)?string(cache.parseLinkURL(request, curBanner.mainMenuItemsBannersLink.getData()), "")
395 target = (link?has_content)?string((curBanner.mainMenuItemsBannersTargetLink.getData()?has_content)?string(curBanner.mainMenuItemsBannersTargetLink.getData(), cache.getLinkTarget(link)), "")
396 />
397
398 <#if img?has_content>
399 <#assign bannerHtml += "<div class=\"menu-carousel-item\" style=\"background-image: url('${img}');\">" /> 400 <#if link?has_content>
401 <#assign bannerHtml += "<a href=\"${link}\" target=\"${target}\">" /> 402 </#if>
403 <#if text?has_content>
404 <#assign bannerHtml += "<span>${text}</span>" /> 405 </#if>
406 <#if link?has_content>
407 <#assign bannerHtml += "</a>" />
408 </#if>
409 <#assign bannerHtml += "</div>" />
410
411 <#assign items++ />
412 </#if>
413 </#list>
414
415 <#list curMenuItem.mainMenuItemsSections.getSiblings() as curSection>
416 <#assign section = curSection.mainMenuItemsSectionsType.getData() />
417
418 <#if type == "LINK" || ((type == "PRODUCTS" || type == "COLLECTIONS") && section == "FOOTER")>
419 <#assign
420 text = curSection.mainMenuItemsSectionsText.getData()
421 link = (curSection.mainMenuItemsSectionsLink.getData()?has_content)?string(cache.parseLinkURL(request, curSection.mainMenuItemsSectionsLink.getData()), "")
422 target = (link?has_content)?string((curSection.mainMenuItemsSectionsTargetLink.getData()?has_content)?string(curSection.mainMenuItemsSectionsTargetLink.getData(), cache.getLinkTarget(link)), "")
423 isSection = (section != "FOOTER" && text?has_content)
424 />
425
426 <#if isSection>
427 <#assign cssColClass = "main-menu__section col-xl-3 col-lg-3 col-4" />
428 <#if items gt 0 && bannerHtml?has_content && slider = "2C">
429 <#assign cssColClass = "col-12" />
430 </#if>
431
432 <#assign sectionsHtml += "<li class=\"${cssColClass}\">" /> 433 <#assign sectionsHtml += "<span class=\"main-menu__sublist-title\">" />
434 <#if link?has_content>
435 <#assign sectionsHtml += "<a href=\"${link}\" target=\"${target}\">" /> 436 </#if>
437 <#assign sectionsHtml += text />
438 <#if link?has_content>
439 <#assign sectionsHtml += "</a>" />
440 </#if>
441 <#assign sectionsHtml += "<span class=\"icon-chevron-up\" data-toggle=\"collapse\" href=\"#main-menu-mb-${curMenuItem?index}__section-${curSection?index}\" role=\"button\" aria-expanded=\"true\"></span></span>" /> 442 <#assign sectionsHtml += "<ul id=\"main-menu-mb-${curMenuItem?index}__section-${curSection?index}\" class=\"row collapse show main-menu__sublist\">" /> 443 </#if>
444
445 <#list curSection.mainMenuItemsSectionsSubitems.getSiblings() as curSubitem>
446 <#assign
447 img = curSubitem.mainMenuItemsSectionsSubitemsImage.getData()
448 imgWidth = curSubitem.mainMenuItemsSectionsSubitemsWidth.getData()
449 imgHeight = curSubitem.mainMenuItemsSectionsSubitemsHeight.getData()
450 text = curSubitem.mainMenuItemsSectionsSubitemsText.getData()
451 link = (curSubitem.mainMenuItemsSectionsSubitemsLink.getData()?has_content)?string(cache.parseLinkURL(request, curSubitem.mainMenuItemsSectionsSubitemsLink.getData()), "")
452 target = (link?has_content)?string((curSubitem.mainMenuItemsSectionsSubitemsTargetLink.getData()?has_content)?string(curSubitem.mainMenuItemsSectionsSubitemsTargetLink.getData(), cache.getLinkTarget(link)), "")
453 />
454
455 <#assign style = "" />
456 <#if imgWidth?has_content && imgWidth != "0">
457 <#assign style += "width: " + imgWidth + "px;" />
458 </#if>
459 <#if imgHeight?has_content && imgHeight != "0">
460 <#assign style += "height: " + imgHeight + "px;" />
461 </#if>
462
463 <#if section == "FOOTER">
464 <#if link?has_content && (img?has_content || text?has_content)>
465 <#assign footerHtml += "<div class=\"footer-link\">" />
466 <#if link?has_content>
467 <#assign footerHtml += "<a href=\"${link}\" target=\"${target}\">" /> 468 </#if>
469 <#if img?has_content>
470 <#assign footerHtml += "<img alt=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('alt')}\" data-fileentryid=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('fileEntryId')}\" src=\"${img}\" style=\"${style}\" />" /> 471 </#if>
472 <#if text?has_content>
473 <#assign footerHtml += "<div><span>${text}</span></div>" /> 474 </#if>
475 <#if link?has_content>
476 <#assign footerHtml += "</a>" />
477 </#if>
478 <#assign footerHtml += "</div>" />
479 </#if>
480 <#else>
481 <#if text?has_content>
482 <#if type == "PRODUCTS" || type == "COLLECTIONS">
483 <#assign sectionsHtml += "<li class=\"col-4\">" />
484 <#else>
485 <#assign sectionsHtml += "<li class=\"col-12 align-items-start\">" />
486 </#if>
487 <#if link?has_content>
488 <#assign sectionsHtml += "<a href=\"${link}\" target=\"${target}\">" /> 489 </#if>
490 <#if img?has_content>
491 <#assign sectionsHtml += "<img alt=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('alt')}\" data-fileentryid=\"${curSubitem.mainMenuItemsSectionsSubitemsImage.getAttribute('fileEntryId')}\" src=\"${img}\" style=\"${style}\" />" /> 492 </#if>
493 <#assign sectionsHtml += "<div><span>${text}</span></div>" /> 494 <#if link?has_content>
495 <#assign sectionsHtml += "</a>" />
496 </#if>
497 <#assign sectionsHtml += "</li>" />
498 </#if>
499 </#if>
500 </#list>
501
502 <#if isSection>
503 <#assign sectionsHtml += "</ul></li>" />
504 </#if>
505 </#if>
506 </#list>
507
508 <#if (type == "LINK" && sectionsHtml?has_content) || type == "PRODUCTS" || type == "COLLECTIONS">
509 <#if collapseIds?has_content>
510 <#assign collapseIds += "|" + collapse />
511 <#else>
512 <#assign collapseIds = collapse />
513 </#if>
514 <div class="main-submenu__list" id="${collapse}" style="display: none;"> 515 <div class="container">
516 <div class="row">
517 <div class="col-12">
518 <button class="arrow" type="button" onclick="showMobileSubmenu('${collapse}', true);"> 519 ${cache.translate(locale, "Back")} 520 </button>
521 </div>
522 <div class="col-12">
523 <span class="main-submenu__title">${curMenuItem.mainMenuItemsText.getData()}</span> 524 </div>
525 </div>
526
527 <ul class="row">
528 <#if type == "LINK">
529 ${sectionsHtml} 530 <#elseif type == "PRODUCTS">
531 <#list p_Map?sort_by("websort") as item> 532 <li class="<#if items gt 0 && bannerHtml?has_content && slider = "1C"><#elseif items gt 0 && bannerHtml?has_content && slider = "2C">col-xl-6 col-lg-12<#else>col-xl-3 col-lg-3</#if> col-4">
533 <a href="${item.url}" class="px-2"> 534 <#if item.title?has_content>
535 <img src="${item.image!}" alt="${item.title}"> 536 <div class="text-center m-0"><span>${item.title}</span></div> 537 <#else>
538 <img src="${item.image!}"> 539 <span></span>
540 </#if>
541 </a>
542 </li>
543 </#list>
544 <#elseif type == "COLLECTIONS">
545 <#list c_Map?sort_by("websort") as item> 546 <li class="<#if items gt 0 && bannerHtml?has_content && slider = "1C"><#elseif items gt 0 && bannerHtml?has_content && slider = "2C">col-xl-6 col-lg-12<#else>col-xl-3 col-lg-3</#if> col-4">
547 <a href="${item.url}" class="px-2"> 548 <#if item.title?has_content>
549 <img src="${item.image!}" alt="${item.title}"> 550 <div class="text-center m-0"><span>${item.title}</span></div> 551 <#else>
552 <img src="${item.image!}"> 553 <span></span>
554 </#if>
555 </a>
556 </li>
557 </#list>
558 </#if>
559 </ul>
560 <#if getterUtil.getBoolean(curMenuItem.mainMenuItemsShowLink.getData())>
561 <div class="row">
562 <div class="col-12">
563 <a class="mobile-go-to" href="${(curMenuItem.mainMenuLink.getData()?has_content)?string(cache.parseLinkURL(request, curMenuItem.mainMenuLink.getData()), "")}"><div><span class="text">${cache.translate(locale, "Go to")} ${curMenuItem.mainMenuItemsText.getData()}</span></div> <span class="icon-arrow-right"></span></a> 564 </div>
565 </div>
566 </#if>
567
568 <#if items gt 0 && bannerHtml?has_content>
569 <div class="row">
570 <div id="banner-mb-${curMenuItem?index + 1}" class="banner-content <#if slider == "1C">col-xl-4 col-lg-4<#elseif slider = "2C">col-xl-6 col-lg-6</#if> col-12"> 571 <div class="menu-carousel-container <#if slider == "2C">two</#if>">
572 <div class="menu-carousel-buttons">
573 <button class="menu-carousel-button prev icon-chevron-left disabled" onclick="showMenuCarouselItem('banner-mb-${curMenuItem?index + 1}', -1);"></button> 574 <button class="menu-carousel-button next icon-chevron-right" onclick="showMenuCarouselItem('banner-mb-${curMenuItem?index + 1}', 1);"></button> 575 </div>
576
577 <div class="menu-carousel" data-index="0">
578 ${bannerHtml} 579 </div>
580 </div>
581 </div>
582 </div>
583 </#if>
584 <#if footerHtml?has_content>
585 <div class="row footer-menu">
586 <div class="footer-links col-12">
587 ${footerHtml} 588 </div>
589 </div>
590 </#if>
591 </div>
592 </div>
593 </#if>
594 </#list>
595
596 <ul class="main-menu__list">
597 <#list mainMenu.mainMenuItems.getSiblings() as curMenuItem>
598 <li class="main-menu__item js-collapse-sm">
599 <#assign
600 collapse = "clpsMbM-" + curMenuItem?index
601 type = curMenuItem.mainMenuItemsType.getData()
602 text = curMenuItem.mainMenuItemsText.getData()
603 link = (curMenuItem.mainMenuLink.getData()?has_content)?string(cache.parseLinkURL(request, curMenuItem.mainMenuLink.getData()), "")
604 target = (link?has_content)?string((curMenuItem.mainMenuItemsTargetLink.getData()?has_content)?string(curMenuItem.mainMenuItemsTargetLink.getData(), cache.getLinkTarget(link)), "")
605 />
606
607 <div class="link-wrapper">
608 <#if link?has_content>
609 <a class="main-menu__link" href="${link}" target="${target}"> 610 </#if>
611 ${text} 612 <#if link?has_content>
613 </a>
614 </#if>
615
616 <#if collapseIds?contains(collapse)>
617 <button class="arrow" type="button" onclick="showMobileSubmenu('${collapse}', false);"></button> 618 </#if>
619 </div>
620 </li>
621 </#list>
622 </ul>
623 </#macro>
624
625 <#macro drawSearchHeader device>
626 <#assign searchLink = cache.parseLinkURL(request, cache.translate(locale, "/search" )) />
627
628 <div class="search-header">
629 <a id="${device}-search-icon" class="search-icon" href="javascript:void(0);" role="button" title="${cache.translate(themeDisplay.getLocale(), "Enter your search")}"> 630 <span class="icon-search"></span>
631 </a>
632 <input id="${device}-search-input" class="search-input" data-url="${searchLink}" name="q" placeholder="${cache.translate(themeDisplay.getLocale(), "What are you looking for?")}" type="search" /> 633 </div>
634 </#macro>
635
636 <#function getUserInitials>
637 <#local userInitials = "" />
638 <#if themeDisplay.getUser().getFirstName()?? && themeDisplay.getUser().getFirstName()?has_content>
639 <#local firstName = themeDisplay.getUser().getFirstName() />
640 <#local userInitials += firstName?substring(0, 1) />
641 </#if>
642 <#if themeDisplay.getUser().getLastName()?? && themeDisplay.getUser().getLastName()?has_content>
643 <#local lastName = themeDisplay.getUser().getLastName() />
644 <#local userInitials += lastName?substring(0, 1) />
645 </#if>
646
647 <#return userInitials?upper_case />
648 </#function>
649
650
651
652 <#assign
653 p_Map = productsMap?eval
654 c_Map = collectionsMap?eval
655 u_Layouts = userLayouts?eval
656
657 profile_layouts = u_Layouts.profileLayouts
658
659 profile_url = u_Layouts.profileUrl
660 logout_url = u_Layouts.logoutUrl
661 login_url = u_Layouts.loginUrl
662
663 marketTree = cache.getMarketsTree()
664 hasCommerce = cache.checkCommerce(request)
665 currentMarket = cache.getCurrentMarket(request)
666 currentCountry = cache.getCurrentCountry(request)
667
668 htmlC1 = ""
669 htmlC2 = ""
670 htmlC3 = ""
671 htmlAbout = ""
672 htmlCCta = ""
673 />
674
675 <header id="roca-restyle-header" class="roca-restyle-header js-header">
676 <#if themeDisplay.isSignedIn()>
677 <input type="hidden" id="user-initials" value="${getUserInitials()}"> 678 </#if>
679
680 <#-- INIT PROMOTIONAL BANNER -->
681
682 <#if getterUtil.getBoolean(promoBanner.promoBannerShow.getData()) && promoBanner.promoBannerText.getData()??>
683 <div class="promoSubmenu">
684 <section class="promomenu-section">
685 <#if promoBanner.promoBannerPopup.getData()?? && promoBanner.promoBannerPopup.getData()?has_content>
686 <a class="promomenu-link" data-toggle="modal" data-target="#promoBannerDisp" href="#">
687 ${promoBanner.promoBannerText.getData()} 688 </a>
689 <#else>
690 <p class="promomenu-text">${promoBanner.promoBannerText.getData()}</p> 691 </#if>
692 </section>
693 </div>
694 </#if>
695
696 <#-- END PROMOTIONAL BANNER -->
697
698 <div class="main-header__wrapper">
699 <div class="main-navbar">
700 <#-- INIT SUPRA MENU -->
701
702 <@initSupraMenus />
703
704 <#if (htmlC1?has_content) || (htmlC2?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())) || (htmlC3?has_content || htmlCCta?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowPrivate.getData())) || (getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCart.getData()) && hasCommerce)>
705 <section class="supramenu">
706 <div class="container">
707 <div class="row">
708 <div class="col-12 supramenu-cols">
709 <#if htmlC1?has_content>
710 <div class="supramenu-left">
711 <ul class="supramenu__list supramenu__list--left">
712 ${htmlC1} 713 </ul>
714 </div>
715 </#if>
716
717 <#if htmlC2?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
718 <div class="supramenu-center">
719 <ul class="supramenu__list supramenu__list--center">
720 <#if htmlC2?has_content>
721 ${htmlC2} 722 </#if>
723
724
725 <#-- INIT LANGUAGE & COUNTRY SELECTOR -->
726
727 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
728 <li class="supramenu__item supramenu__item--country menu-country-trigger">
729 <a class="supramenu__link menu-country-link" href="javascript:void(0)" data-groupid="${themeDisplay.getSiteGroupId()}" data-languageid="${themeDisplay.getLanguageId()}" data-target="country-menu-collapse"> 730 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData())>
731 <span class="menu-country-text-link">
732 <i class="icon-language icon-right-space"></i>
733 <div><span>${currentCountry.getAssetCategory().getTitle(themeDisplay.getLocale())}</span></div> 734 </span>
735 </#if>
736
737 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
738 <span class="menu-country-text-link">
739 <div><span>${themeDisplay.getLocale().getLanguage()}</span></div> 740 <#if localeList?? && localeList?has_content && localeList?size gt 1>
741 <i class="icon-chevron-down icon-size-28"></i>
742 </#if>
743 </span>
744 </#if>
745 </a>
746 </li>
747 </#if>
748
749 <#-- END LANGUAGE & COUNTRY SELECTOR -->
750 </ul>
751 </div>
752 </#if>
753
754 <#if htmlC3?has_content || htmlCCta?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowPrivate.getData()) || (getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCart.getData()) && hasCommerce)>
755 <div class="supramenu-right">
756 <ul class="supramenu__list supramenu__list--right">
757 <#if htmlC3?has_content>
758 ${htmlC3} 759 </#if>
760
761 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowPrivate.getData())>
762 <li id="userMenuLi" title="${cache.translate(locale, "Sign in")}" class="supramenu__item supramenu__item--login" 763 data-group="${themeDisplay.getSiteGroupId()}" 764 data-market="${currentMarket.getCode()}" 765 data-language="${themeDisplay.getLanguageId()}" 766 data-debug="${cache.debugMarginals()?c}" 767 >
768 <div class="loader-roca active">
769 <div class="lds-css">
770 </div>
771 <div class="lds-load">
772 <div></div>
773 <div></div>
774 <div></div>
775 </div>
776 </li>
777 </#if>
778
779
780 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCart.getData()) && hasCommerce>
781 <li class="supramenu__item js-h-cart">
782 <a class="right-menu__link" id="cartIcon" href="${cache.getEcommerceURL(request, "/checkout/cart")}" title="${cache.translate(locale, "Go to cart")}"> 783 <span class="icon-cart"></span>
784 <span class="items-cart">-</span>
785 </a>
786 </li>
787 </#if>
788 </ul>
789
790 <#if htmlCCta?has_content>
791 <div class="supramenu__item--cta">
792 ${htmlCCta} 793 </div>
794 </#if>
795 </div>
796 </#if>
797 </div>
798 </div>
799 </div>
800 </section>
801 </#if>
802
803 <#-- END SUPRA MENU -->
804
805 <#-- INIT MAIN MENU -->
806
807 <section class="main-nav js-main-nav">
808 <div class="main-nav-container container">
809 <div class="d-flex align-items-center justify-content-between">
810 <div class="logo-search-header">
811
812 <div class="js-h-hamburger menu-trigger">
813 <a href="javascript:void(0)" data-target="main-menu-collapse">
814 <span class="icon-hamburger"></span>
815 </a>
816 </div>
817
818 <#if config.configLogo.configLogoImage.getData()?has_content>
819 <#assign
820 logoImg = config.configLogo.configLogoImage.getData()
821 logoImgWidth = config.configLogo.configLogoWidth.getData()
822 logoImgHeight = config.configLogo.configLogoHeight.getData()
823 link = (config.configLogo.configLogoLink.getData()?has_content)?string(cache.parseLinkURL(request, config.configLogo.configLogoLink.getData()), "")
824 target = (link?has_content)?string((config.configLogo.configLogoTargetLink.getData()?has_content)?string(config.configLogo.configLogoTargetLink.getData(), cache.getLinkTarget(link)), "")
825 />
826
827 <div class="logo-header">
828 <#if link?has_content>
829 <a href="${link}" target="${target}"> 830 </#if>
831
832 <#assign style = "" />
833 <#if logoImgWidth?has_content && logoImgWidth != "0">
834 <#assign style += "width: " + logoImgWidth + "px;" />
835 </#if>
836 <#if logoImgHeight?has_content && logoImgHeight != "0">
837 <#assign style += "height: " + logoImgHeight + "px;" />
838 </#if>
839
840 <img alt="${config.configLogo.configLogoImage.getAttribute("alt")}" data-fileentryid="${config.configLogo.configLogoImage.getAttribute("fileEntryId")}" src="${logoImg}" style="${style}" /> 841 <#if link?has_content>
842 </a>
843 </#if>
844 </div>
845 </#if>
846
847 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowSearch.getData())>
848 <@drawSearchHeader "desktop" />
849 </#if>
850 </div>
851
852 <nav class="main-menu__wrapper">
853 <@drawDesktopMainMenu />
854
855 <#if htmlC3?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowPrivate.getData()) || (getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCart.getData()) && hasCommerce)>
856 <ul class="supramenu__list supramenu__list--right">
857 <#if htmlC3?has_content>
858 ${htmlC3} 859 </#if>
860
861 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowPrivate.getData())>
862 <li id="mobileUserAreaDiv" title="${cache.translate(locale, "Sign in")}" class="supramenu__item js-submenu"></li> 863 </#if>
864
865
866 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCart.getData()) && hasCommerce>
867 <li class="supramenu__item js-h-cart">
868 <a class="right-menu__link" id="cartIcon" href="${cache.getEcommerceURL(request, "/checkout/cart")}" title="${cache.translate(locale, "Go to cart")}"> 869 <span class="icon-cart"></span>
870 <span class="items-cart">-</span>
871 </a>
872 </li>
873 </#if>
874 </ul>
875 </#if>
876 </nav>
877 </div>
878
879 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowSearch.getData())>
880 <div class="mobile-search-header">
881 <@drawSearchHeader "mobile" />
882 </div>
883 </#if>
884 </div>
885 </section>
886
887 <div class="r-modal main-menu-collapse">
888 <div class="r-modal__wrapper">
889
890 <@drawMobileMainMenu />
891
892 <#if htmlC1?has_content>
893 <ul class="supramenu__list supramenu__list--left">
894 ${htmlC1} 895 </ul>
896 </#if>
897
898 <#if htmlC2?has_content || htmlAbout?has_content || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
899 <ul class="supramenu__list supramenu__list--center">
900 <#if htmlC2?has_content>
901 ${htmlC2} 902 </#if>
903
904
905 <#-- INIT LANGUAGE & COUNTRY SELECTOR -->
906
907 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) || getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
908 <li class="supramenu__item supramenu__item--country menu-country-trigger">
909 <a class="supramenu__link menu-country-link" href="javascript:void(0)" data-groupid="${themeDisplay.getSiteGroupId()}" data-languageid="${themeDisplay.getLanguageId()}" data-target="country-menu-collapse"> 910 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData())>
911 <span class="menu-country-text-link">
912 <i class="icon-language icon-right-space"></i>
913 <div><span>${currentCountry.getAssetCategory().getTitle(themeDisplay.getLocale())}</span></div> 914 </span>
915 </#if>
916
917 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData())>
918 <span class="menu-country-text-link">
919 <div><span>${themeDisplay.getLocale().getLanguage()}</span></div> 920 <#if localeList?? && localeList?has_content && localeList?size gt 1>
921 <i class="icon-chevron-down icon-size-28"></i>
922 </#if>
923 </span>
924 </#if>
925 </a>
926 </li>
927 </#if>
928
929 <#-- END LANGUAGE & COUNTRY SELECTOR -->
930
931
932 <#if htmlAbout?has_content>
933 ${htmlAbout} 934 </#if>
935 </ul>
936 </#if>
937
938 <#if htmlCCta?has_content>
939 <div class="supramenu__item--cta">
940 ${htmlCCta} 941 </div>
942 </#if>
943 </div>
944 </div>
945
946 <#-- END MAIN MENU -->
947 </div>
948
949
950 <#-- INIT SEARCH MODAL -->
951
952 <div id="rs-search-modal" class="r-modal search-modal"></div>
953
954 <#-- END SEARCH MODAL -->
955
956
957 <#-- INIT LANGUAGE & COUNTRY MODAL -->
958
959 <#if (getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData()) && localeList?? && localeList?has_content && localeList?size gt 1) || (getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) && currentCountry?? && currentCountry?has_content)>
960 <div class="r-modal country-menu-collapse">
961 <div class="close-menu">
962 <div class="wrapper">
963 <a href="javascript:void(0)" class="js-close icon-close"></a>
964 </div>
965 </div>
966 <div class="r-modal__wrapper">
967 <div class="container">
968
969 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowLanguage.getData()) && localeList?? && localeList?has_content && localeList?size gt 1>
970 <div class="row">
971 <div class="col-12">
972 <h2>${cache.translate(locale, "Select language")}</h2> 973 <ul class="language-list">
974 <#list localeList as marketLocale>
975 <#if themeDisplay.getLocale() != marketLocale>
976 <#assign lpath = "/" />
977 <#if currentCountry?? && currentCountry.code == "ES">
978 <#assign lpath = cache.translate(themeDisplay.getLocale(), "/sobre-roca") />
979 </#if>
980 </#if>
981 <li <#if themeDisplay.getLocale() == marketLocale>class="active"</#if>>
982 <a href="${cache.getSiteURL(request, marketLocale, lpath, true)}"> 983 ${marketLocale.getDisplayLanguage(themeDisplay.getLocale())} 984 </a>
985 </li>
986 </#list>
987 </ul>
988 </div>
989 </div>
990 </#if>
991
992 <#if getterUtil.getBoolean(config.configAuxElements.configAuxElementsShowCountry.getData()) && currentCountry?? && currentCountry?has_content>
993 <div class="row">
994 <div class="col-12">
995 <h2>${cache.translate(locale, "Select your country")}</h2> 996 <a class="international-site" href="https://www.roca.com"><span class="international-site-link">${cache.translate(locale, "International site - Go to website")}</span><span class="icon-arrow-right"></span></a> 997 </div>
998 </div>
999 <div class="row" id="continent-parent"></div>
1000 </#if>
1001 </div>
1002 </div>
1003 </div>
1004 </#if>
1005
1006 <#-- END LANGUAGE & COUNTRY MODAL -->
1007
1008
1009 <#-- INIT MINI-CART MODAL -->
1010
1011 <div class="r-modal mini-cart-collapse">
1012 <div class="close-menu">
1013 <div class="wrapper">
1014 <a href="javascript:void(0)" class="js-close icon-close"></a>
1015 </div>
1016 </div>
1017 <div class="r-modal__wrapper"></div>
1018 </div>
1019
1020 <#-- END MINI-CART MODAL -->
1021
1022
1023 <#-- INIT PROMOTIONAL BANNER MODAL -->
1024
1025 <#if promoBanner.promoBannerPopup.getData()?? && promoBanner.promoBannerPopup.getData()?has_content>
1026 <div class="lightbox-wrapper">
1027 <div class="modal fade modal-lightbox" id="promoBannerDisp" tabindex="-1" role="dialog" aria-labelledby="" style="display: none;" aria-hidden="true">
1028 <div class="modal-dialog modal-lg" role="document" style="top: 20%;">
1029 <div class="container">
1030 <div class="close-menu">
1031 <div class="wrapper">
1032 <a role="button" data-dismiss="modal" id="promoBannerDisp" class="js-close icon-close"></a>
1033 </div>
1034 </div>
1035 </div>
1036 <div class="r-modal__wrapper">
1037 <div class="container">
1038 <section style="background-color:white !important;" class="form-modal">
1039 <div class="container">
1040 <div class="row">
1041 <div class="col-12 col-md-12 promomenu-modal">
1042 ${promoBanner.promoBannerPopup.getData()} 1043 </div>
1044 </div>
1045 </div>
1046 </section>
1047 </div>
1048 </div>
1049 </div>
1050 </div>
1051 </div>
1052 </#if>
1053
1054 <#-- END PROMOTIONAL BANNER MODAL -->
1055 </div>
1056 </header>
1057</#if>