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

Open in your IDE?
  1. {# Croisières fluviales — typeItem: riverside #}
  2. {% set items = getNavigationMenuItems('riverside') %}
  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. {% set logo = crea_media_get_media(['logo'], element) %}
  9. <li class="SubMenu-item br3">
  10. <a href="{{ getCruiseSearchUrl([element]) }}" class="site-header__mega-link" title="{{ element.name|default(element.title|default('')) }}">
  11. <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">
  12. {% if logo is not null %}
  13. <img src="{{ logo.cdnUrl }}" alt="{{ element.name|default('') }}">
  14. {% endif %}
  15. </div>
  16. <div>
  17. <span>{{ element.name|default(element.title|default('')) }}</span>
  18. <div>{{ element.shortDescription|default(element.lead|default(''))|raw }}</div>
  19. </div>
  20. </a>
  21. </li>
  22. {% endfor %}
  23. </ul>
  25. {% for riversideItem in items %}
  26. {% set subItems = getRiversideSecondaryDestinationsForMainDestination(riversideItem) %}
  27. {% embed 'pages/_includes/base/sub_menu/_regular_items_accordion.html.twig' with {
  28. title: riversideItem.name|default(''),
  29. extra_class: class,
  30. mode: mode|default('desktop'),
  31. } %}
  32. {% block content %}
  33. <ul class="regular-items br2">
  35. {% for element in subItems %}
  36. <li class="SubMenu-item br1">
  37. <a href="{{ getCruiseSearchUrl([element]) }}" class="site-header__mega-link" title="{{ element.name }}">{{ element.name }}</a>
  38. </li>
  39. {% endfor %}
  40. </ul>
  41. {% endblock %}
  42. {% endembed %}
  43. {% endfor %}
  45. {# {% if items|slice(3)|length > 0 %}
  46. <div class="regular-items-div">
  47. <div>
  48. <div>Toutes les {{ item.multipleLabel|default('')|lower }}</div>
  49. </div>
  50. <ul class="regular-items br2">
  51. {% for element in items|slice(3) %}
  52. <li class="SubMenu-item br1">
  53. <a href="" class="site-header__mega-link" title="{{ element.name }}">{{ element.name }}</a>
  54. </li>
  55. {% endfor %}
  56. </ul>
  57. </div>
  58. {% endif %} #}
  59. </div>
  61. <style>
  63. /* Style spécifique */
  65. .site-header__mega ul.highlighted-items.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  66. border-bottom: none;
  67. padding-bottom: 12px;
  68. }
  70. .site-header__mega .regular-items-div.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  71. border-top: 1px solid rgba(0, 0, 0, 0.25);
  72. padding: 12px 0 0 0;
  73. }
  75. /* --------- */
  77. .site-header__mega{
  78. /* display: flex !important;
  79. visibility: visible !important;
  80. opacity: 1 !important; */
  81. }
  82. </style>