templates/frontend/partials/menu/_mobile.html.twig line 1

Open in your IDE?
  1. <div id="mobile-menu" class="mobile-menu main">
  2.     <div class="container d-flex flex-column h-100">
  3.         <div class="d-flex w-100 justify-content-between align-items-center">
  4.             <div>
  5.                 <a href="{{ path('frontend_index') }}" aria-label="Homepage">
  6.                     <img src="{{ asset('media/logo-white.svg') }}" alt="logo" class="img-fluid logo" style="height: 35px">
  7.                 </a>
  8.             </div>
  9.             <div>
  10.                 <button type="button" class="clear mobile-menu-button text-white">
  11.                     <i data-feather="x"></i>
  12.                 </button>
  13.             </div>
  14.         </div>
  15.         <div class="space-top-1">
  16.             <div class="d-flex justify-content-between align-items-center">
  17.                 <div class="w-100">
  18.                     <a data-target="#products-menu" class="nav-link menu-button d-block" aria-label="{% trans %}Prodotti{% endtrans %}">{% trans %}Prodotti{% endtrans %}</a>
  19.                 </div>
  20.                 <div>
  21.                     <a data-target="#products-menu" aria-label="{% trans %}Prodotti{% endtrans %}" class="text-white">
  22.                         <i data-feather="chevron-right"></i>
  23.                     </a>
  24.                 </div>
  25.             </div>
  26.             <div class="d-flex justify-content-between align-items-center">
  27.                 <div class="w-100">
  28.                     <a href="{{ path('frontend_about') }}" class="nav-link d-block" aria-label="{% trans %}Chi siamo{% endtrans %}">{% trans %}Chi siamo{% endtrans %}</a>
  29.                 </div>
  30.                 <div>
  31.                     <a href="{{ path('frontend_about') }}" aria-label="{% trans %}Chi siamo{% endtrans %}" class="text-white">
  32.                         <i data-feather="chevron-right"></i>
  33.                     </a>
  34.                 </div>
  35.             </div>
  36.             <div class="d-flex justify-content-between align-items-center">
  37.                 <div class="w-100">
  38.                     <a data-target="#components-menu" class="nav-link menu-button d-block" aria-label="{% trans %}Componenti{% endtrans %}">{% trans %}Componenti{% endtrans %}</a>
  39.                 </div>
  40.                 <div>
  41.                     <a data-target="#components-menu" aria-label="{% trans %}Componenti{% endtrans %}" class="text-white">
  42.                         <i data-feather="chevron-right"></i>
  43.                     </a>
  44.                 </div>
  45.             </div>
  46.             <div class="d-flex justify-content-between align-items-center">
  47.                 <div class="w-100">
  48.                     <a href="{{ path('frontend_blog') }}" class="nav-link d-block" aria-label="{% trans %}Blog{% endtrans %}">{% trans %}Blog{% endtrans %}</a>
  49.                 </div>
  50.                 <div>
  51.                     <a href="{{ path('frontend_blog') }}" aria-label="{% trans %}Blog{% endtrans %}" class="text-white">
  52.                         <i data-feather="chevron-right"></i>
  53.                     </a>
  54.                 </div>
  55.             </div>
  56.             <div class="d-flex justify-content-between align-items-center">
  57.                 <div class="w-100">
  58.                     <a href="#configurator-mobile-collapse" data-bs-toggle="collapse" class="nav-link d-block" aria-label="{% trans %}Configuratori{% endtrans %}">{% trans %}Configuratori{% endtrans %}</a>
  59.                 </div>
  60.                 <div>
  61.                     <a href="#configurator-mobile-collapse" data-bs-toggle="collapse" aria-label="{% trans %}Configuratori{% endtrans %}" class="text-white">
  62.                         <i data-feather="chevron-right"></i>
  63.                     </a>
  64.                 </div>
  65.             </div>
  66.             <div class="collapse" id="configurator-mobile-collapse">
  67.                 <div class="w-100">
  68.                     <a href="{{ path('frontend_configurator') }}" class="nav-link fw-normal d-block" aria-label="{% trans %}Configuratore piscine{% endtrans %}">{% trans %}Configuratore piscine{% endtrans %}</a>
  69.                 </div>
  70.                 <div class="w-100 mb-2">
  71.                     <a href="{{ path('frontend_variable_speed_pump_configurator') }}" class="nav-link fw-normal d-block" aria-label="{% trans %}Comparatore consumo energetico pompe{% endtrans %}">{% trans %}Comparatore consumo energetico pompe{% endtrans %}</a>
  72.                 </div>
  73.             </div>
  74.             <div class="d-flex justify-content-between align-items-center">
  75.                 <div class="w-100">
  76.                     <a href="{{ path('frontend_resellers') }}" class="nav-link d-block" aria-label="{% trans %}Rivenditori{% endtrans %}">{% trans %}Rivenditori{% endtrans %}</a>
  77.                 </div>
  78.                 <div>
  79.                     <a href="{{ path('frontend_resellers') }}" aria-label="{% trans %}Rivenditori{% endtrans %}" class="text-white">
  80.                         <i data-feather="chevron-right"></i>
  81.                     </a>
  82.                 </div>
  83.             </div>
  84.             <div class="d-flex justify-content-between align-items-center">
  85.                 <div class="w-100">
  86.                     <a href="{{ path('frontend_contacts') }}" class="nav-link d-block" aria-label="{% trans %}Contatti{% endtrans %}">{% trans %}Contatti{% endtrans %}</a>
  87.                 </div>
  88.                 <div>
  89.                     <a href="{{ path('frontend_contacts') }}" aria-label="{% trans %}Contatti{% endtrans %}" class="text-white">
  90.                         <i data-feather="chevron-right"></i>
  91.                     </a>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.     </div>
  96. </div>
  99. <div class="mobile-menu secondary" id="products-menu">
  100.     <div class="container">
  101.         <div class="d-flex w-100 justify-content-between align-items-center">
  102.             <div>
  103.                 <button type="button" class="clear mobile-secondary-menu-back-button text-white" aria-label="Back">
  104.                     <i data-feather="arrow-left"></i>
  105.                 </button>
  106.             </div>
  107.             <div>
  108.                 <p class="font-weight-bold text-uppercase mb-0">{% trans %}Prodotti{% endtrans %}</p>
  109.             </div>
  110.             <div>
  111.                 <button type="button" class="clear mobile-secondary-menu-close-button text-white" aria-label="Close">
  112.                     <i data-feather="x"></i>
  113.                 </button>
  114.             </div>
  115.         </div>
  116.     </div>
  117.     <div class="content mt-4">
  118.         {% for product in products() %}
  119.         <a class="position-relative product-card d-block" href="{{ path('frontend_product_index', {product: product.slug}) }}" aria-label="{{ product.name }}">
  120.             <img src="{{ product.cover.publicUrl }}" alt="{{ product.name }}" class="img-fluid lazyload">
  121.             <div class="abs-fill d-flex align-items-end p-4">
  122.                 <h3>{{ product.name }}</h3>
  123.             </div>
  124.         </a>
  125.         {% endfor %}
  126.     </div>
  127. </div>
  131. <div class="mobile-menu secondary" id="components-menu">
  132.     <div class="container">
  133.         <div class="d-flex w-100 justify-content-between align-items-center">
  134.             <div>
  135.                 <button type="button" class="clear mobile-secondary-menu-back-button text-white" aria-label="Back">
  136.                     <i data-feather="arrow-left"></i>
  137.                 </button>
  138.             </div>
  139.             <div>
  140.                 <p class="font-weight-bold text-uppercase mb-0">{% trans %}Componenti{% endtrans %}</p>
  141.             </div>
  142.             <div>
  143.                 <button type="button" class="clear mobile-secondary-menu-close-button text-white" aria-label="Close">
  144.                     <i data-feather="x"></i>
  145.                 </button>
  146.             </div>
  147.         </div>
  148.     </div>
  149.     <div class="content mt-4 pb-4">
  150.         <a href="{{ path('frontend_component_list') }}" class="text-uppercase fs-lg px-3 fw-bold ff-serif text-white">{% trans %}Componenti per piscine{% endtrans %}</a>
  151.         {% for component in components() %}
  152.         <a href="{{ path('frontend_component_index', {component: component.slug}) }}" class="nav-link text-uppercase text-white" aria-label="{{ component.name }}">{{ component.name }}</a>
  153.         {% endfor %}
  154.     </div>
  155. </div>