1<#assign preferences = freeMarkerPortletPreferences.getPreferences({ 

2  "portletSetupPortletDecoratorId": "borderless" 

3}) /> 

4 

5<#if searchBanner.getSiblings()?has_content> 

6  <div class="card banner-search banner-full"> 

7    <div  

8      class="banner-img-wrapper lazy-image" 

9      style="background-image: url('${searchBanner.thumbnail.getData()}&imageThumbnail=2')"  

10    > 

11      <img 

12        alt="${searchBanner.thumbnail.getAttribute('alt')}"  

13        class="card-img" 

14        data-fileentryid="${searchBanner.thumbnail.getAttribute('fileEntryId')}" 

15        src="${searchBanner.thumbnail.getData()}" 

16      /> 

17    </div> 

18    <div class="card-img-overlay"> 

19      <div class="container h-100"> 

20        <div class="d-flex flex-column py-5 py-md-0 h-100"> 

21          <@liferay_portlet["runtime"] 

22            instanceId="search_banner_breadcrumbs_${portletDisplay.getInstanceId()}" 

23            portletName="com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet" 

24          /> 

25          <div class="flex-fill d-flex flex-column justify-content-center align-items-center"> 

26            <h2 class="bold text-white text-center c-mb-32"> 

27              ${searchBanner.title.getData()} 

28            </h2> 

29            <p class="h4 text-blue-lighter text-center c-mb-32"> 

30              ${searchBanner.description.getData()} 

31            </p> 

32            <@liferay_portlet["runtime"] 

33              instanceId="search_bar_${portletDisplay.getInstanceId()}" 

34              defaultPreferences="${preferences}" 

35              portletName="com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet" 

36							suggestionsEnabled 

37            /> 

38						 

39          </div> 

40        </div> 

41      </div> 

42    </div> 

43  </div> 

44</#if> 

45 

46<script>   

47  $(document).ready(function() { 

48    const searchInputs = document.querySelectorAll("[data-qa-id='searchInput']"); 

49 

50    searchInputs.forEach((input) => { 

51      input.value = searchInputs[0].value; 

52    }); 

53  }); 

54</script>