templates/elements2024/menu.html.twig line 1

Open in your IDE?
  1. {% set settings = sulu_snippet_load_by_area('settings_area') %}
  3. {% set menu = [
  4.   {
  5.     title: settings.content.menutitleOne,
  6.         menu: 'burgerOne',
  7.         images: [
  8.             'img/menu/1.webp',
  9.             'img/home/services/1.webp',
  10.             'img/home/services/2.webp',
  11.         ]
  12.   }, {
  13.     title: settings.content.menutitleTow,
  14.         menu: 'burgerTow',
  15.         images: [
  16.         'img/menu/1.webp',
  17.             'img/home/services/1.webp',
  18.             'img/home/services/2.webp',
  19.             'img/home/services/3.webp',
  20.             'img/home/services/1.webp',
  21.             'img/home/services/2.webp',
  22.         ]
  23.   }, {
  24.     title: settings.content.menutitleThree,
  25.         menu: 'burgerThree',
  26.         images: [
  27.             'img/home/services/1.webp',
  28.             'img/home/services/2.webp',
  29.     ]
  30.   }
  31. ] %}
  33. <div class="menu bg-green text-white fixed inset-0 opacity-0 pointer-events-none duration-500 z-30">
  34.     <div class="container pt-28 md:pt-36 lg:pt-28 overflow-auto max-h-screen h-full">
  35.         <div class="flex flex-col md:w-1/2 lg:w-4/12 h-full">
  36.             <ul class="menu-list js-slides-animation-triggers mb-28">
  37.                 {% for item in menu %}
  38.                     <li>
  39.                         <button class="text-2xl md:text-4xl lg:text-[2rem]">
  40.                             {{ item.title }}
  41.                             <svg viewbox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  42.                                 <path d="M4 4L-3.49691e-07 1.74846e-07L0 8L4 4Z" fill="#F7F7F7"/>
  43.                             </svg>
  44.                         </button>
  46.                         {% if item.menu %}
  47.                             <ul class="menu-list__sub">
  48.                                 {% for subItem in sulu_navigation_root_flat(item.menu, 4)  %}
  49.                                     <li class="js-slides-animation-trigger">
  50.                                         <a class="text-base md:text-2xl lg:text-base" href="{{ sulu_content_path(subItem.url) }}" target="_parent">{{ subItem.title }}</a>
  51.                                     </li>
  52.                                 {% endfor %}
  53.                             </ul>
  54.                         {% endif %}
  55.                     </li>
  56.                 {% endfor %}
  57.             </ul>
  59.             <div class="flex flex-col gap-8 mt-auto max-md:pb-32 pb-16">
  60.                 <div class="flex flex-col gap-2">
  61.                     <div>Address</div>
  62.                     <address class="not-italic">
  63.                         {{settings.content.address|raw}}
  64.                     </address>
  65.                 </div>
  66.                 {% include 'elements2024/contacts.html.twig' %}
  67.             </div>
  68.         </div>
  70.         <div class="js-menu-slide-wrapper hidden lg:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1/5 max-w-[404px] aspect-[1/1.37] pointer-events-none">
  71.             {% for item in menu %}
  72.                 {# {% for img in item.menu %} #}
  73.                     {% for subItem in sulu_navigation_root_flat(item.menu, 4)  %}
  74.                         <div class="js-menu-slide absolute inset-0">
  75.                             <div class="js-menu-slide__image w-full h-full">
  76.                                 {% set page = sulu_content_load(subItem.uuid) %}
  77.                                 {% set menuImage = null %}
  78.                                 {% if page.content.url == "/louer" or page.content.url == "/acheter" %}
  79.                                     {% if page.extension.excerpt.images[0].url is defined %}
  80.                                         {% set menuImage = page.extension.excerpt.images[0].url %}
  81.                                     {% endif %}
  82.                                 {% else %}
  83.                                     {% set menuImage = page.content.menuImage.url %}
  84.                                 {% endif %}
  85.                                 <img class="img-cover" src="{{menuImage}}" alt="">
  86.                             </div>
  87.                         </div>
  88.                     {% endfor %}
  89.                 {# {% endfor %} #}
  90.             {% endfor %}
  91.         </div>
  92.     </div>
  93. </div>