1<#if (image_header.getData())?? && image_header.getData() != ""> 

2                <#assign pageName= themeDisplay.getLayout().getName(themeDisplay.getLocale())> 

3								<#assign urlSite = "/web"+ themeDisplay.getScopeGroup().getFriendlyURL()> 

4                    <div id="parc-bg-image" class="parc-image text-center" > 

5                        <img style="width: -webkit-fill-available; "class="img_fondo_cabecera_parcs img-fluid no-lazy" src="${image_header.getData()}" /> 

6                        <div class="parc-bg-text col-lg-12 d-flex align-items-end justify-content-center"> 

7                             <a href="${urlSite}"><h2 class="<#if name_park.getData()??has_content !! name_park.getData()?length ==0>bg-transparent" ${name_park.getData()}</h2></a> 

8                        </div> 

9 

10                    </div> 

11 

12      <#if (menuParc?? && menuParc.getSiblings()?has_content && menuParc.getSiblings()[0].imatgeMenu.getData()?has_content)> 

13                		<nav class="navbar navbar-default navbar-expand-lg container-fluid  d-flex justify-content-end" role="navigation"> 

14							<div class="navbar-header">	 

15								<button type="button" id="submenu-parcs-toggler" class="navbar-toggler" data-toggle="liferay-collapse" data-target="#submenu-parcs" aria-controls="navbarNav" expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>						 

16							</div> 

17                            <div class="collapse navbar-collapse row align-items-start justify-content-center flex-column flex-lg-row" id="submenu-parcs"> 

18                    		<#list menuParc.getSiblings() as cur_menuParc> 

19                    			<#if (cur_menuParc.imatgeMenu.getData())?? && cur_menuParc.imatgeMenu.getData() != ""> 

20 

21                    				<div class="col-auto pt-2 px-1"> 

22														   <div class="text-center"> 

23                    						<a href="${cur_menuParc.linkMenu.getData()}"> 

24                    							<img id="menu-parc-imatge" alt="${cur_menuParc.imatgeMenu.getAttribute("alt")!""}"  

25																		 data-fileentryid="${cur_menuParc.imatgeMenu.getAttribute("fileEntryId")!""}"  

26																		 src="${cur_menuParc.imatgeMenu.getData()}"  

27																		 class="border rounded-circle d-none d-lg-block no-lazy" style="width:100px"/> 

28												<div class="display-6 ml-2 d-lg-none">${cur_menuParc.textMenu.getData()}</div>						  

29													   

30                    						</a> 

31															</div> 

32                    					<div class="text-center mt-1 d-none d-lg-block" style="font-size: clamp(0.1rem, 2.5vw, 0.6rem);">${cur_menuParc.textMenu.getData()}</div> 

33										 

34                    				</div> 

35 

36                    			</#if> 

37                    		</#list> 

38                    </div> 

39                	</nav> 

40									<script> 

41		(function () { 

42  function initSubMenu() { 

43	  const toggle = document.getElementById("submenu-parcs-toggler"); 

44    const menu = document.getElementById("submenu-parcs"); 

45 

46    if (!toggle || !menu || toggle.dataset.ready) return; 

47 

48    toggle.dataset.ready = "true"; 

49 

50    toggle.addEventListener("click", () => { 

51		  menu.classList.toggle("open"); 

52    }); 

53  } 

54 

55  document.addEventListener("DOMContentLoaded", initSubMenu); 

56  Liferay.on("endNavigate", initSubMenu); 

57})(); 

58</script> 

59       </#if> 

60</#if>