templates/pages/_includes/base/sub_menu/_submenu_special_offers.html.twig line 1

Open in your IDE?
  1. {# Croisières fluviales — typeItem: riverside #}
  2. {% set items = getNavigationMenuItems('offerCategory') %}
  3. {% set class = item.multipleLabel|default('')|lower|replace({' ': '-'}) %}
  5. <div class="lists">
  6. <ul class="highlighted-items {{ class }}">
  7. {% for element in items|slice(0, 3) %}
  8. <li class="SubMenu-item br3">
  9. <a href="{{ getCruiseSearchUrl([element]) }}" class="site-header__mega-link" title="{{ element.name|default(element.title|default('')) }}">
  10. {# <div class="logo br2" style="background: url('{{ (crea_media_get_media(['nav_menu'], element).cdnUrl)|default(asset('img/placeholders/menu.jpg')) }}') no-repeat center / cover"> #}
  11. <div class="logo br2" style="background: url('{{ asset('img/placeholders/menu.jpg') }}') no-repeat center / cover">
  12. </div>
  13. <div>
  14. <span>{{ element.name|default(element.title|default('')) }}</span>
  15. <div>{{ element.shortDescription|default(element.description|default(''))|raw }}</div>
  16. </div>
  17. </a>
  18. </li>
  19. {% endfor %}
  20. </ul>
  22. {% if items|slice(3)|length > 0 %}
  23. {% embed 'pages/_includes/base/sub_menu/_regular_items_accordion.html.twig' with {
  24. title: 'snippets.header.our_recommendations'|trans,
  25. mode: mode|default('desktop'),
  26. } %}
  27. {% block content %}
  28. <ul class="regular-items br2">
  29. {% for element in items|slice(3) %}
  30. <li class="SubMenu-item br1">
  31. <a href="{{ getCruiseSearchUrl([element]) }}" class="site-header__mega-link" title="{{ element.name }}">{{ element.name }}</a>
  32. </li>
  33. {% endfor %}
  34. </ul>
  35. {% endblock %}
  36. {% endembed %}
  37. {% endif %}
  39. {% set companies = getNavigationMenuItems('company') %}
  40. {% if companies|length > 0 %}
  41. {% embed 'pages/_includes/base/sub_menu/_regular_items_accordion.html.twig' with {
  42. title: 'snippets.header.by_companies'|trans,
  43. mode: mode|default('desktop'),
  44. } %}
  45. {% block content %}
  46. <ul class="regular-items br2">
  47. {% for company in companies %}
  48. <li class="SubMenu-item br1">
  49. <a href="{{ getCruiseSearchUrl([company]) }}" class="site-header__mega-link" title="{{ company.name }}">{{ company.name }}</a>
  50. </li>
  51. {% endfor %}
  52. </ul>
  53. {% endblock %}
  54. {% endembed %}
  55. {% endif %}
  57. {# {% for item in items %}
  58. <div class="regular-items-div {{ class }}">
  59. <div>
  60. <div>{{ item.name|default('') }}</div>
  61. </div>
  62. <ul class="regular-items br2">
  64. <li class="SubMenu-item br1">
  65. <a href="" class="site-header__mega-link" title="test">test</a>
  66. </li>
  67. <li class="SubMenu-item br1">
  68. <a href="" class="site-header__mega-link" title="test">test</a>
  69. </li>
  70. {% for element in items|slice(3) %}
  71. <li class="SubMenu-item br1">
  72. <a href="" class="site-header__mega-link" title="{{ element.name }}">{{ element.name }}</a>
  73. </li>
  74. {% endfor %}
  75. </ul>
  76. </div>
  77. {% endfor %} #}
  79. {# {% if items|slice(3)|length > 0 %}
  80. <div class="regular-items-div">
  81. <div>
  82. <div>Toutes les {{ item.multipleLabel|default('')|lower }}</div>
  83. </div>
  84. <ul class="regular-items br2">
  85. {% for element in items|slice(3) %}
  86. <li class="SubMenu-item br1">
  87. <a href="" class="site-header__mega-link" title="{{ element.name }}">{{ element.name }}</a>
  88. </li>
  89. {% endfor %}
  90. </ul>
  91. </div>
  92. {% endif %} #}
  93. </div>
  95. <style>
  97. /* Style spécifique */
  99. .site-header__mega ul.highlighted-items.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  100. border-bottom: none;
  101. padding-bottom: 12px;
  102. }
  104. .site-header__mega .regular-items-div.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  105. border-top: 1px solid rgba(0, 0, 0, 0.25);
  106. padding: 12px 0 0 0;
  107. }
  109. /* --------- */
  111. .site-header__mega{
  112. /* display: flex !important;
  113. visibility: visible !important;
  114. opacity: 1 !important; */
  115. }
  116. </style>