1<#global
2 globalCacheManager = cacheUtils.getCacheManager(themeDisplay.getScopeGroupId())!
3/>
4
5<#if globalCacheManager??>
6
7 <#global
8 blogsJSON = globalCacheManager.getHeaderBlogsInfo(request)
9 p_Map = productsMap?eval
10 hasCommerce = globalCacheManager.checkCommerce(request)
11 cc_Map = continentsAndCountriesMap?eval
12 currentCountry = globalCacheManager.getCurrentCountry(request)!
13 />
14
15 <header class="js-header js-header--side-menu header-cosmic" >
16
17 <!-- PROMO BANNER-->
18 <#if FieldsetPromotionalBanner?? && getterUtil.getBoolean(FieldsetPromotionalBanner.showPromoBanner.getData()) >
19
20 <#if FieldsetPromotionalBanner.promoBannerText.getData()?? && FieldsetPromotionalBanner.promoBannerText.getData()?has_content >
21
22 <div class="js-submenu promoSubmenu">
23 <section class="promomenu-section">
24 <div class="background-grow">
25 <div class="main-nav js-main-nav">
26 <p class="promomenu-text">
27 ${FieldsetPromotionalBanner.promoBannerText.getData()} 28 <#if FieldsetPromotionalBanner.promoBannerHTML.getData()?? && FieldsetPromotionalBanner.promoBannerHTML.getData()?has_content >
29 <a class="promomenu-link" data-toggle="modal" data-target="#promoBannerDisp">
30 <img class="promomenu-info" src="${themeDisplay.getPathThemeImages()}/icons/info-18.svg" alt="${globalCacheManager.translate(locale, "Promotion info")}"></a> 31 </#if>
32 </p>
33 </div>
34 </div>
35 </section>
36 </div>
37
38 <#if FieldsetPromotionalBanner.promoBannerHTML.getData()?has_content >
39 <div class="lightbox-wrapper">
40 <div id="promoBannerDisp" class="modal fade modal-lightbox" tabindex="-1" role="dialog" aria-labelledby="" style="display: none;" aria-hidden="true">
41 <div class="modal-dialog modal-lg" role="document" style="top: 20%;">
42 <div class="container">
43 <div class="close-menu">
44 <div class="wrapper">
45 <a role="button" data-dismiss="modal" id="promoBannerDisp" class="js-close icon-cross-24"></a>
46 </div>
47 </div>
48 </div>
49 <div class="r-modal__wrapper">
50 <div class="container">
51 <section style="background-color:white !important;" class="form-modal">
52 <div class="container">
53 <div class="row">
54 <div class="col-12 col-md-12 promomenu-modal">
55 ${FieldsetPromotionalBanner.promoBannerHTML.getData()} 56 </div>
57 </div>
58 </div>
59 </section>
60 </div>
61 </div>
62 </div>
63 </div>
64 </div>
65 </#if>
66
67 </#if>
68
69 </#if>
70 <!-- ./END PROMO BANNER-->
71
72 <!-- MENU HORIZONTAL -->
73 <div class="main-header__wrapper">
74
75 <section class="main-nav js-main-nav">
76 <div class="container">
77 <div class="row">
78
79 <!-- LEFT MENU -->
80 <nav class="left-menu__wrapper">
81 <ul class="left-menu__list ">
82 <!-- Hamburger-menu -->
83 <li class="left-menu__item">
84 <a class="side-menu-btn-trigger js-side-menu-btn-trigger">
85 <i class="icon-menu-cosmic"></i>
86 </a>
87 </li>
88 <!-- Logo Nav horizontal with link -->
89 <#if (FieldsetLogosMenu.URLLogoHorizontalNav.getData())??>
90 <#assign lgLink = globalCacheManager.parseLinkURL(request, FieldsetLogosMenu.URLLogoHorizontalNav.getData()) />
91 <li>
92 <div class="logo-header">
93 <a href="${lgLink}"> 94 <img alt="COSMIC" class="img-fluid logo-cosmic" src="${FieldsetLogosMenu.LogoHorizontalNav.getData()}"/> 95 </a>
96 </div>
97 </li>
98 <!-- Logo Nav horizontal without link -->
99 <#else>
100 <li>
101 <div class="logo-header">
102 <img alt="COSMIC" class="img-fluid logo-cosmic" src="${FieldsetLogosMenu.LogoHorizontalNav.getData()}"/> 103 </div>
104 </li>
105 </#if>
106 <!-- Search -->
107 <#if getterUtil.getBoolean(showSearch.getData())>
108 <li class="left-menu__item js-h-search">
109 <#assign searchLink = globalCacheManager.parseLinkURL(request, globalCacheManager.translate(locale, "/search")) />
110 <a class="left-menu__link" href="${searchLink}" title="${globalCacheManager.translate(themeDisplay.getLocale(), "Enter your search")}"> 111 <i class="icon-search-24 icon-search"></i>
112 </a>
113 <input class="input-search" data-url="${searchLink}" name="q" placeholder="${globalCacheManager.translate(themeDisplay.getLocale(), "What are you looking for?")}" type="search" /></li> 114 <script>
115 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 116 $(".icon-search").removeClass( "icon-search" ); 117 }
118 </script>
119 </#if>
120 </ul>
121 </nav>
122 <!-- ./END LEFT MENU -->
123
124 <!-- MAIN MENU -->
125
126
127 <nav class="main-menu__wrapper">
128 <ul class="main-menu__list">
129 <!-- Links manuales -->
130 <#if FieldsetManualLinks.getSiblings()?has_content>
131 <#list FieldsetManualLinks.getSiblings() as cur_FieldsetManualLinks>
132 <#assign reference = cur_FieldsetManualLinks.ManualLinkReference.getData()>
133 <#assign level = cur_FieldsetManualLinks.ManualLinkLevel.getData()>
134 <#assign url = cur_FieldsetManualLinks.ManualLinkURL.getData()>
135 <#assign title = cur_FieldsetManualLinks.ManualLinkText.getData()>
136 <#assign showInHorizontalNav = cur_FieldsetManualLinks.showInHorizontalNav.getData()?has_content && cur_FieldsetManualLinks.showInHorizontalNav.getData()?string == "true">
137 <#assign showOnlyInHorizontalNav = cur_FieldsetManualLinks.ShowOnlyHorizontalNav.getData()?has_content && cur_FieldsetManualLinks.ShowOnlyHorizontalNav.getData()?string == "true">
138 <#assign openLateralMenu = cur_FieldsetManualLinks.openLateralMenu.getData()?has_content && cur_FieldsetManualLinks.openLateralMenu.getData()?string == "true">
139 <#if (!level?has_content || level?number == 0)
140 && (showInHorizontalNav || showOnlyInHorizontalNav)
141 && url?has_content
142 && title?has_content
143 && reference?lower_case != '003-cs.16'>
144 <li class="main-menu__item">
145 <div class="link-wrapper">
146 <#if openLateralMenu>
147 <a class="main-menu__link js-open-side-menu" title="${title}" data-category="${reference}">${title}</a> 148 <#else>
149 <a class="main-menu__link" href="${url}" title="${title}" data-category="${reference}">${title}</a> 150 </#if>
151 </div>
152 </li>
153 </#if>
154 </#list>
155 </#if>
156 <!-- ./END Links manuales -->
157 <!-- Categorías PIM > Solo nivel superior -->
158 <!-- <#if p_Map?has_content>
159 <#list p_Map?sort_by("websort") as item> 160 <#assign title = item["title"]>
161 <#assign url = globalCacheManager.parseLinkURL(request, item["url"])>
162 <#assign reference = item["code"]>
163 <#if reference?lower_case != '003-cs.16'>
164 <li class="main-menu__item">
165 <div class="link-wrapper">
166 <a class="main-menu__link js-open-side-menu" title="${title}" data-category="${reference}">${title}</a> 167 </div>
168 </li>
169 </#if>
170 </#list>
171 </#if>-->
172 <!-- ./END MAIN MENU -->
173 <!-- Manual links footer -->
174 <#if FieldsetFooterLinks.getSiblings()?has_content>
175 <#list FieldsetFooterLinks.getSiblings() as cur_FieldsetFooterLinks>
176 <#assign showFooterLink = cur_FieldsetFooterLinks.showFooterLinkInHorizontalNav.getData()?has_content && cur_FieldsetFooterLinks.showFooterLinkInHorizontalNav.getData()?string == "true">
177 <#if (cur_FieldsetFooterLinks.FooterTextLink.getData())?? && (cur_FieldsetFooterLinks.FooterURLLink.getData())?? && showFooterLink>
178 <li class="main-menu__item">
179 <div class="link-wrapper">
180 <a class="main-menu__link" href="${cur_FieldsetFooterLinks.FooterURLLink.getData()}" title="${cur_FieldsetFooterLinks.FooterTextLink.getData()}"> 181 ${cur_FieldsetFooterLinks.FooterTextLink.getData()} 182 </a>
183 </div>
184 </li>
185 </#if>
186 </#list>
187 </#if>
188 <!-- ./END Manual links footer -->
189 </ul>
190 </nav>
191
192
193 <!-- RIGHT MENU -->
194 <nav class="right-menu__wrapper">
195 <ul class="main-menu__search-user" id="">
196
197 <!-- User menu: Private Área -->
198 <#if getterUtil.getBoolean(showPrivate.getData())>
199 <li id="userMenuLi" class="supramenu__item supramenu__item--login">
200 <div class="loader-roca active">
201 <div class="lds-css"></div>
202 <div class="lds-load">
203 <div></div>
204 <div></div>
205 <div></div>
206 </div>
207 </div>
208 </li>
209 </#if>
210
211
212 <!-- Icons group -->
213 <#if FieldsetIconsTypeLink.getSiblings()?has_content>
214 <#list FieldsetIconsTypeLink.getSiblings() as cur_headIconLink>
215 <!-- Favourite icon link -->
216 <#assign chiLink = globalCacheManager.parseLinkURL(request, cur_headIconLink.iconLink.getData()) />
217 <#if chiLink?contains("favorites") && getterUtil.getBoolean(showPrivate.getData())> 218 <#assign typeIcon = globalCacheManager.translate(locale, "Favourites") />
219 <li class="menu__item-icon">
220 <a class="menu__link" href="${chiLink}" target="${globalCacheManager.getLinkTarget(chiLink)}" title="${typeIcon}"> 221 <i class="${cur_headIconLink.iconClass.getData()}"></i> 222 </a>
223 </li>
224 <#else>
225 <!-- Others generic icon link -->
226 <#assign typeIcon = globalCacheManager.translate(locale, cur_headIconLink.iconText.getData()) />
227 <li class="menu__item-icon">
228 <a class="menu__link" href="${chiLink}" target="${globalCacheManager.getLinkTarget(chiLink)}" title="${typeIcon}"> 229 <i class="${cur_headIconLink.iconClass.getData()}"></i> 230 </a>
231 </li>
232 </#if>
233 </#list>
234 </#if>
235
236 <!-- Show Cart -->
237 <#if getterUtil.getBoolean(showCart.getData()) && hasCommerce>
238 <li class="right-menu__item js-h-cart">
239 <div class="right-menu__link" id="cartIcon" title="${globalCacheManager.translate(locale, "Go to cart")}"> 240 <span class="items-cart">-</span>
241 <!--aniadido para el cart-->
242 <i class="icon-cart-24"></i>
243 </div>
244 <!--Modal del mini cart-->
245 <div class="modal fade miniCart" id="modalCart" role="dialog">
246 <div class="modal-dialog">
247 <div class="modal-content">
248 <div class="modal-header">
249 <button aria-label="Close" class="close" data-dismiss="modal" type="button">
250 <i class="close"></i>
251 </button>
252 </div>
253 <div class="modal-body">
254 <iframe id="cartFrame" name="cartFrame" scrolling="no" src='${globalCacheManager.getEcommerceURL(request, "/minicart", true)}' style="border: none;height: 100%; width: 100%;"></iframe> 255 </div>
256 <div class="modal-footer"> </div>
257 </div>
258 </div>
259 </div>
260 </li>
261 </#if>
262
263 </ul>
264 </nav>
265 <!-- ./END RIGHT MENU -->
266
267 </div>
268 </div>
269 </section>
270
271 </div>
272 <!-- /.END MENU HORIZONTAL -->
273
274 <!-- SIDE MENU -->
275 <div class="side-menu-overlay js-side-menu-overlay"></div>
276 <div id="sideMenu" class="side-menu">
277
278 <div class="side-menu-container">
279
280 <!-- SIDE MENU -- HEADER -->
281 <div class="side-menu__header">
282 <!-- Logo Nav horizontal with link -->
283 <#if (FieldsetLogosMenu.URLLogoLateralNav.getData())??>
284 <#assign lgLink = globalCacheManager.parseLinkURL(request, FieldsetLogosMenu.URLLogoLateralNav.getData()) />
285 <div class="logo-header">
286 <a href="${lgLink}"> 287 <img alt="COSMIC" class="img-fluid logo-cosmic" src="${FieldsetLogosMenu.LogoLateralNav.getData()}"/> 288 </a>
289 </div>
290 <!-- Logo Nav horizontal without link -->
291 <#else>
292 <div class="logo-header">
293 <img alt="COSMIC" class="img-fluid logo-cosmic" src="${FieldsetLogosMenu.LogoLateralNav.getData()}"/> 294 </div>
295 </#if>
296 <!-- Close menu btn -->
297 <span class="side-menu-close-btn js-side-menu-close-btn"></span>
298 </div>
299 <!-- ./END SIDE MENU -- HEADER -->
300
301 <!-- SIDE MENU -- BODY -->
302 <div class="side-menu__body">
303
304 <!-- Tabs -->
305 <div class="side-menu__tabs">
306 <button class="side-menu__tab side-menu__tab--active" data-tab="producto">${globalCacheManager.translate(locale, "Product")}</button> 307 <button class="side-menu__tab" data-tab="inspiracion">${globalCacheManager.translate(locale, "Inspiration")}</button> 308 </div>
309
310 <!-- Tab Content :: PRODUCTS-->
311 <div class="side-menu__tab-content side-menu__tab-content--active" data-content="producto">
312 <ul class="side-menu__options">
313 <!-- Manual contents LEVEL 0 -->
314 <#if FieldsetManualLinks.getSiblings()?has_content>
315 <#list FieldsetManualLinks.getSiblings() as cur_FieldsetManualLinks>
316 <#assign reference = cur_FieldsetManualLinks.ManualLinkReference.getData()>
317 <#assign level = cur_FieldsetManualLinks.ManualLinkLevel.getData()>
318 <#assign url = cur_FieldsetManualLinks.ManualLinkURL.getData()>
319 <#assign title = cur_FieldsetManualLinks.ManualLinkText.getData()>
320
321 <!-- Buscar si tiene hijos -->
322 <#assign hasChildren = false>
323 <#list FieldsetManualLinks.getSiblings() as possibleChild>
324 <#if possibleChild.ManualLinkParentReference.getData()?has_content
325 && possibleChild.ManualLinkParentReference.getData() == reference>
326 <#assign hasChildren = true>
327 <#break>
328 </#if>
329 </#list>
330 <#if (!level?has_content || level?number == 0) && url?has_content && title?has_content>
331 <#assign className = "side-menu__option js-side-menu-side-menu__option" +
332 (getterUtil.getBoolean(cur_FieldsetManualLinks.ManualLinkPromo.getData())?then(" side-menu__option--promo", "")) + 333 (getterUtil.getBoolean(cur_FieldsetManualLinks.ManualLinkHighlighted.getData())?then(" side-menu__option--accent", ""))> 334 <#assign showOnlyInHorizontalNav = cur_FieldsetManualLinks.ShowOnlyHorizontalNav.getData()?has_content && cur_FieldsetManualLinks.ShowOnlyHorizontalNav.getData()?string == "true">
335 <#if !showOnlyInHorizontalNav>
336 <li class="${className}" data-category="${reference}"> 337 <#if hasChildren>
338 <span>${title}</span> 339 <i class="chevron-right"></i>
340 <#else>
341 <#assign currentURL = url?starts_with("/")?then(themeDisplay.getPortalURL() + url, url) /> 342 <a href="${url}" title="${title}">${title}</a> 343 </#if>
344 </li>
345 </#if>
346 </#if>
347 </#list>
348 </#if>
349 <!-- Categorías nivel PIM -->
350 <#if p_Map?has_content>
351 <#list p_Map?sort_by("websort") as item> 352 <#-- Datos principales del bloque -->
353 <#assign title = item["title"]>
354 <#assign url = globalCacheManager.parseLinkURL(request, item["url"])>
355 <#assign reference = item["code"]>
356 <#assign hasChildren = globalCacheManager.getSecondLevelCategories(request, item.code)?eval?has_content>
357 <#assign reference = item["code"]>
358 <#if reference?lower_case != '003-cs.16'>
359 <li class="side-menu__option js-side-menu-side-menu__option" data-category="${reference}"> 360 <#if hasChildren>
361 <span>${title}</span> 362 <i class="chevron-right"></i>
363 <#else>
364 <#assign currentURL = url?starts_with("/")?then(themeDisplay.getPortalURL() + url, url) /> 365 <a href="${currentURL}" title="${title}">${title}</a> 366 </#if>
367 </li>
368 </#if>
369 </#list>
370 </#if>
371 <!-- ./END Categorías nivel PIM -->
372 </ul>
373 <!-- ./END Manual contents LEVEL 0 -->
374 </div>
375 <!-- ./END Tab Content :: PRODUCTS -->
376
377 <!-- Tab Content :: INSPIRATION -->
378 <div class="side-menu__tab-content" data-content="inspiracion">
379 <#if blogsJSON?? && blogsJSON?has_content>
380 <#assign blogsData = blogsJSON?eval />
381 <#assign blogs = blogsData.blogs />
382 <#-- Agrupar blogs por tag -->
383 <#assign groupedBlogs = {} /> 384 <#list blogs as blog>
385 <#list blog.tags as tag>
386 <#-- Si no existe la lista para el tag, inicializarla -->
387 <#if !groupedBlogs[tag]?has_content>
388 <#assign groupedBlogs = groupedBlogs + { (tag): [blog] } /> 389 <#else>
390 <#assign currentList = groupedBlogs[tag] />
391 <#assign groupedBlogs = groupedBlogs + { (tag): currentList + [blog] } /> 392 </#if>
393 </#list>
394 </#list>
395 <#-- Renderizar cada grupo -->
396 <#list groupedBlogs?keys as tag>
397 <h2>${tag?capitalize}</h2> 398 <div class="js-slider-side-menu">
399 <#list groupedBlogs[tag] as blog>
400 <#if blog.url?? && blog.image?? && blog.title??>
401 <div class="slide-item">
402 <div class="side-menu-slide-item">
403 <a class="side-menu-slide-item__link" href="${blog.url}"> 404 <div class="side-menu-slide-item__img" style="background-image: url('${blog.image}');"></div> 405 <p class="side-menu-slide-item__info">${blog.title}</p> 406 </a>
407 </div>
408 </div>
409 </#if>
410 </#list>
411 </div>
412 </#list>
413 </#if>
414 </div>
415 <!-- ./END Tab Content :: INSPIRATION -->
416
417 </div>
418 <!-- ./END SIDE MENU -- BODY -->
419
420
421
422 <!-- SIDE MENU -- FOOTER -->
423 <div class="side-menu__footer">
424 <ul class="side-menu__options">
425 <!-- Manual links footer -->
426 <#if FieldsetFooterLinks.getSiblings()?has_content>
427 <#list FieldsetFooterLinks.getSiblings() as cur_FieldsetFooterLinks>
428 <#if (cur_FieldsetFooterLinks.FooterTextLink.getData())?? && (cur_FieldsetFooterLinks.FooterURLLink.getData())??>
429 <li class="side-menu__option">
430 <#assign currentURL = cur_FieldsetFooterLinks.FooterURLLink.getData()?starts_with("/")? then(themeDisplay.getPortalURL() + cur_FieldsetFooterLinks.FooterURLLink.getData(), cur_FieldsetFooterLinks.FooterURLLink.getData()) /> 431 <a href="${currentURL}" title="${cur_FieldsetFooterLinks.FooterTextLink.getData()}"> 432 ${cur_FieldsetFooterLinks.FooterTextLink.getData()} 433 </a>
434 </li>
435 </#if>
436 </#list>
437 </#if>
438 <!-- ./END Manual links footer -->
439 <!-- Language -->
440 <#if showLanguage?? && getterUtil.getBoolean(showLanguage.getData())>
441 <li class="side-menu__option js-side-menu-side-menu__option" data-category="LANGUAGES">
442 <span>
443 <img class="side-menu__option__icon" alt="flag" class="flagUkImage" src="/o/cosmic-theme/images/icons/world-Y.svg"/>
444 ${themeDisplay.getLocale().getDisplayLanguage()} <span class="mx-1">|</span> ${themeDisplay.getLocale().getCountry()} 445 </span>
446 <i class="chevron-right"></i>
447 </li>
448 </#if>
449 <!-- ./END Language -->
450 </ul>
451 </div>
452 <!-- ./END SIDE MENU -- FOOTER -->
453
454 </div>
455
456 <!-- SIDE MENU -- SUBPANELS (MANUAL CONTENTS - SUB-LEVELS) -->
457
458
459 <#-- Paso 1: construir mapa de niveles -->
460 <#assign levelMap = {}> 461
462 <#-- Inicializar niveles base (sin padre) como nivel 1 -->
463 <#list FieldsetManualLinks.getSiblings() as item>
464 <#assign ref = item.ManualLinkReference.getData()?default("")> 465 <#assign parentRef = item.ManualLinkParentReference.getData()?default("")> 466 <#if !parentRef?has_content>
467 <#assign levelMap = levelMap + { (ref): 1 }> 468 </#if>
469 </#list>
470
471 <#-- Paso 2: calcular niveles para hijos -->
472 <#list FieldsetManualLinks.getSiblings() as item>
473 <#assign ref = item.ManualLinkReference.getData()?default("")> 474 <#assign parentRef = item.ManualLinkParentReference.getData()?default("")> 475 <#if parentRef?has_content>
476 <#assign parentLevel = levelMap[parentRef]?default(1)>
477 <#assign levelMap = levelMap + { (ref): parentLevel + 1 }> 478 </#if>
479 </#list>
480
481 <#-- Paso 3: renderizar paneles por referencia de padre -->
482 <#assign parentRefs = []>
483 <#list FieldsetManualLinks.getSiblings() as item>
484 <#assign parentRef = item.ManualLinkParentReference.getData()?default("")> 485 <#if parentRef?has_content && !(parentRefs?seq_contains(parentRef))>
486 <#assign parentRefs += [parentRef]>
487 </#if>
488 </#list>
489
490 <#list parentRefs as ref>
491 <#-- Buscar el ítem padre para obtener título y nivel -->
492 <#assign parentItem = FieldsetManualLinks.getSiblings()?filter(i -> i.ManualLinkReference.getData() == ref)?first>
493 <#assign title = parentItem.ManualLinkText.getData()?default(ref)>
494 <#assign level = levelMap[ref]?default(1)>
495 <#assign url = globalCacheManager.parseLinkURL(request, parentItem.ManualLinkURL.getData())>
496
497 <div id="sideMenuCategory--${ref}" class="side-menu__category" data-level="${level}"> 498 <div class="side-menu__header">
499 <div class="side-menu__category__see-all">
500 <a href="${url}" title="${title}">${globalCacheManager.translate(locale, "See all")}</a> 501 </div>
502 <div class="side-menu__category__title">${title}</div> 503 <div class="side-menu__category__options">
504 <span class="side-menu-back-btn js-side-menu-back-btn">${globalCacheManager.translate(locale, "Go back")}</span> 505 <span class="side-menu-close-btn js-side-menu-close-btn"></span>
506 </div>
507 </div>
508 <div class="side-menu__body">
509 <ul class="side-menu__options">
510 <#list FieldsetManualLinks.getSiblings() as item>
511 <#if item.ManualLinkParentReference.getData()?default("") == ref> 512 <#assign urlSubItem = globalCacheManager.parseLinkURL(request, item.ManualLinkURL.getData())>
513 <#assign reference = item.ManualLinkReference.getData()>
514 <#assign text = item.ManualLinkText.getData()>
515 <#assign level = item.ManualLinkLevel.getData()?default(0)?number>
516
517 <#-- Buscar si tiene hijos -->
518 <#assign hasChildren = false>
519 <#list FieldsetManualLinks.getSiblings() as possibleChild>
520 <#if possibleChild.ManualLinkParentReference.getData()?has_content
521 && possibleChild.ManualLinkParentReference.getData() == reference>
522 <#assign hasChildren = true>
523 <#break>
524 </#if>
525 </#list>
526
527 <#if reference?has_content && text?has_content>
528 <#assign className = "side-menu__option js-side-menu-side-menu__option" +
529 (getterUtil.getBoolean(item.ManualLinkPromo.getData())?then(" side-menu__option--promo", "")) + 530 (getterUtil.getBoolean(item.ManualLinkHighlighted.getData())?then(" side-menu__option--accent", ""))> 531 <#if hasChildren>
532 <li class="${className}" data-category="${reference}"> 533 <span>${text}</span> 534 <i class="chevron-right"></i>
535 </li>
536 <#else>
537 <li class="${className}"> 538 <#assign currentURL = urlSubItem?starts_with("/")?then(themeDisplay.getPortalURL() + urlSubItem, urlSubItem) /> 539 <a href="${currentURL}">${text}</a> 540 </li>
541 </#if>
542 </#if>
543 </#if>
544 </#list>
545 </ul>
546 </div>
547 </div>
548 </#list>
549 <!-- ./END SubPanel Categories level X -->
550
551 <!-- SubPanel Categorías nivel PIM level X -->
552 <#if p_Map?has_content>
553 <#list p_Map as item>
554 <#-- Datos del padre -->
555 <#assign title = item["title"]>
556 <#assign url = item["url"]>
557 <#assign children = globalCacheManager.getSecondLevelCategories(request, item.code)?eval>
558 <#assign level = 1>
559 <#assign reference = item["code"]>
560 <#if reference?lower_case != '003-cs.16'>
561 <div id="sideMenuCategory--${reference}" class="side-menu__category" data-level="${level}"> 562 <div class="side-menu__header">
563 <div class="side-menu__category__see-all">
564 <a href="${url}" title="${title}">${globalCacheManager.translate(locale, "See all")}</a> 565 </div>
566 <div class="side-menu__category__title">${title}</div> 567 <div class="side-menu__category__options">
568 <span class="side-menu-back-btn js-side-menu-back-btn">${globalCacheManager.translate(locale, "Go back")}</span> 569 <span class="side-menu-close-btn js-side-menu-close-btn"></span>
570 </div>
571 </div>
572 <div class="side-menu__body">
573 <#if children?has_content>
574 <ul class="side-menu__options">
575 <#list children as child>
576 <#assign childTitle = child["title"]>
577 <#assign childUrl = child["url"]>
578 <li class="side-menu__option">
579 <#assign currentURL = childUrl?starts_with("/")?then(themeDisplay.getPortalURL() + childUrl, childUrl) /> 580 <a href="${currentURL}">${childTitle}</a> 581 </li>
582 </#list>
583 </ul>
584 </#if>
585 </div>
586 </div>
587 </#if>
588 </#list>
589 </#if>
590 <!-- ./END SubPanel Categorías nivel PIM level X -->
591
592 <#if showLanguage?? && getterUtil.getBoolean(showLanguage.getData())>
593 <!-- SubPanel - LANGUAGES -->
594 <div id="sideMenuCategory--LANGUAGES" class="side-menu__category" data-level="1">
595 <div class="side-menu__header">
596 <div class="side-menu__category__see-all"></div>
597 <div class="side-menu__category__title">${globalCacheManager.translate(locale, "Select your country")}</div> 598 <div class="side-menu__category__options">
599 <span class="side-menu-back-btn js-side-menu-back-btn">${globalCacheManager.translate(locale, "Go back")}</span> 600 <span class="side-menu-close-btn js-side-menu-close-btn"></span>
601 </div>
602 </div>
603 <div class="side-menu__body">
604 <#list cc_Map as continent>
605 <#assign contCountries = continent.countries! />
606 <#assign contName = continent.continentLabel! />
607 <#assign contCollapse = continent.collapse! />
608 <#if contCountries?? && contCountries?has_content>
609 <div class="js-collapse-sm">
610 <#if contName?? && contName?has_content>
611 <h3>
612 <a href="javascript:void(0)">${contName}</a> 613 <span class="arrow d-none"></span>
614 </h3>
615 </#if>
616 <div id="collapse-${contCollapse}" class="js-menu-collapse collapse"> 617 <ul class="side-menu__options">
618 <#list contCountries?sort_by("label") as country> 619 <#if country.label?? && country.label?has_content>
620 <li class="side-menu__option">
621 <#if country.url?? && country.url?has_content>
622 <#assign currentURL = country.url?starts_with("/")?then(themeDisplay.getPortalURL() + country.url, country.url) /> 623 <a href="${currentURL}">${country.label}</a> 624 <#else>
625 <a href="javascript:void(0)">${country.label}</a> 626 </#if>
627 </li>
628 </#if>
629 </#list>
630 </ul>
631 </div>
632 </div>
633 </#if>
634 </#list>
635 </div>
636 </div>
637 <!-- :/END SubPanel - LANGUAGES -->
638 </#if>
639
640 <!-- ./END SIDE MENU -- SUBPANELS (MANUAL CONTENTS - SUB-LEVELS) -->
641
642 </div>
643 <!-- ./END SIDE MENU -->
644
645 </header>
646
647</#if>
Back to top
Back to filters