templates/pages/_includes/base/sub_menu/_submenu_groups_ce.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. {% set destinations = getNavigationMenuItems('destination') %}
  6. {% set companies = getNavigationMenuItems('company') %}
  8. <div class="lists">
  9. <ul class="highlighted-items {{ class }}">
  10. <li class="SubMenu-item br3">
  11. <a href="" class="site-header__mega-link" title="{{ 'snippets.header.groups'|trans }}">
  12. <div class="logo br2" style="background: url('{{ asset('img/placeholders/menu.jpg') }}') no-repeat center / cover">
  13. </div>
  14. <div>
  15. <span>{{ 'snippets.header.groups'|trans }}</span>
  16. <div>{{ ('')|raw }}</div>
  17. </div>
  18. </a>
  19. </li>
  20. <li class="SubMenu-item br3">
  21. <a href="" class="site-header__mega-link" title="{{ 'snippets.header.partners'|trans }}">
  22. <div class="logo br2" style="background: url('{{ asset('img/placeholders/menu.jpg') }}') no-repeat center / cover">
  23. </div>
  24. <div>
  25. <span>{{ 'snippets.header.partners'|trans }}</span>
  26. <div>{{ ('')|raw }}</div>
  27. </div>
  28. </a>
  29. </li>
  30. </ul>
  33. {% if destinations|length > 0 %}
  34. {% embed 'pages/_includes/base/sub_menu/_regular_items_accordion.html.twig' with {
  35. title: 'snippets.header.companies'|trans,
  36. mode: mode|default('desktop'),
  37. } %}
  38. {% block content %}
  39. <ul class="regular-items br2">
  40. {% for company in companies %}
  41. <li class="SubMenu-item br1">
  42. <a href="{{ getCruiseSearchUrl([company]) }}" class="site-header__mega-link" title="{{ company.name }}">{{ company.name }}</a>
  43. </li>
  44. {% endfor %}
  45. </ul>
  46. {% endblock %}
  47. {% endembed %}
  48. {% endif %}
  51. {% if destinations|length > 0 %}
  52. {% embed 'pages/_includes/base/sub_menu/_regular_items_accordion.html.twig' with {
  53. title: 'snippets.header.destinations'|trans,
  54. mode: mode|default('desktop'),
  55. } %}
  56. {% block content %}
  57. <ul class="regular-items br2">
  58. {% for destination in destinations %}
  59. <li class="SubMenu-item br1">
  60. <a href="{{ getCruiseSearchUrl([destination]) }}" class="site-header__mega-link" title="{{ destination.name }}">{{ destination.name }}</a>
  61. </li>
  62. {% endfor %}
  63. </ul>
  64. {% endblock %}
  65. {% endembed %}
  66. {% endif %}
  67. </div>
  69. <style>
  71. /* Style spécifique */
  73. .site-header__mega ul.highlighted-items.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  74. border-bottom: none;
  75. padding-bottom: 12px;
  76. grid-template-columns: repeat(2, calc(300px * 1.5));
  77. }
  79. .site-header__mega .regular-items-div.{{ item.multipleLabel|default('')|lower|replace({' ': '-'}) }} {
  80. border-top: 1px solid rgba(0, 0, 0, 0.25);
  81. padding: 12px 0 0 0;
  82. }
  84. /* --------- */
  86. .site-header__mega{
  87. /* display: flex !important;
  88. visibility: visible !important;
  89. opacity: 1 !important; */
  90. }
  91. </style>