templates/layouts/footers/menu/menu-sm.html.twig line 1

Open in your IDE?
  1. <div class="footer--sm-menu">
  2.     <div class="footer--sm-menu-title">
  3.         {{ "Looking for a specific category"|trans }}
  4.     </div>
  5.     <div class="footer--sm-menu-subtitle toggler--subtitle mobileview--toggler toggler--subtitle" id="footer-sm-collapse-1">
  6.         {{ "Woven vinyl flooring by collection"|trans }}
  7.         <span class="mobileview--caretdown toggler--caretdown footer--sm-caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  8.     </div>
  9.     <ul class="footer--sm-menu-list toggler--list collapse show">
  10.         <div class="d-flex">
  11.             <div class="flex-grow-1">
  12.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'barcode', id: 1 }) }}">Barcode</a></li>
  13.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'colourful', id: 8 }) }}">Colourful</a></li>
  14.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'cracked_earth', id: 2 }) }}">Cracked Earth</a></li>
  15.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'desert', id: 13 }) }}">Desert</a></li>
  16.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'herringbone', id: 3 }) }}">Herringbone</a></li>
  17.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'hybrid', id: 4 }) }}">Hybrid</a></li>
  18.             </div>
  19.             <div class="flex-grow-1">
  20.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'infinite', id: 7 }) }}">Infinite</a></li>
  21.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'lustre', id: 5 }) }}">Lustre</a></li>
  22.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'marble', id: 12 }) }}">Marble</a></li>
  23.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'new_basic', id: 6 }) }}">New Basic</a></li>
  24.                 <li><a href="{{ path('pages_collection_details', { _locale:  currentLocale, slug: 'stripes', id: 9 }) }}">Stripes</a></li>
  25.             </div>
  26.         </div>
  27.     </ul>
  28.     <div class="footer--sm-menu-subtitle toggler--subtitle mobileview--toggler toggler--subtitle" id="footer-sm-collapse-2">
  29.         {{ 'Woven vinyl flooring by color'|trans }}
  30.         <span class="mobileview--caretdown toggler--caretdown footer--sm-caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  31.     </div>
  32.     <ul class="footer--sm-menu-list toggler--list collapse">
  33.         {% for index, color in colors_global %}
  34.             {% if index == 2 %}
  35.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Beige woven vinyl flooring"|trans }}</a></li>
  36.             {% elseif index == 3 %}
  37.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Blue woven vinyl flooring"|trans }}</a></li>
  38.             {% elseif index == 4 %}
  39.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Brown woven vinyl flooring"|trans }}</a></li>
  40.             {% elseif index == 5 %}
  41.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Green woven vinyl flooring"|trans }}</a></li>
  42.             {% elseif index == 6 %}
  43.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Grey woven vinyl flooring"|trans }}</a></li>
  44.             {% elseif index == 1 %}
  45.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Orange woven vinyl flooring"|trans }}</a></li>
  46.             {% elseif index == 0 %}
  47.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Yellow woven vinyl flooring"|trans }}</a></li>
  48.             {% elseif index == 7 %}
  49.                 <li><a href="{{ path('pages_products_filter_by_colors', { _locale:  currentLocale, colorSlug: color.slug }) }}">{{ "Red woven vinyl flooring"|trans }}</a></li>
  50.             {% endif  %}
  51.         {% endfor %}
  52.     </ul>
  53.     {# <div class="footer--sm-menu-subtitle toggler--subtitle mobileview--toggler toggler--subtitle" id="footer-sm-collapse-3">
  54.         {{ 'Woven vinyl flooring by shape'|trans }}
  55.         <span class="mobileview--caretdown toggler--caretdown footer--sm-caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  56.     </div>
  57.     <ul class="footer--sm-menu-list toggler--list collapse">
  58.         {% for index, shape in shapes_global %}
  59.             {% if index == 0 %}
  60.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Custom made"|trans }}</a></li>
  61.             {% elseif index == 1 %}
  62.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring diamond"|trans }}</a></li>
  63.             {% elseif index == 2 %}
  64.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring hexagon"|trans }}</a></li>
  65.             {% elseif index == 3 %}
  66.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring mini-tiles"|trans }}</a></li>
  67.             {% elseif index == 4 %}
  68.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring plank"|trans }}</a></li>
  69.             {% elseif index == 5 %}
  70.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring rolls"|trans }}</a></li>
  71.             {% elseif index == 6 %}
  72.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring tiles"|trans }}</a></li>
  73.             {% elseif index == 7 %}
  74.                 <li><a href="{{ path('pages_products_filter_by_shapes', { _locale:  currentLocale, shapeSlug: shape.slug }) }}">{{ "Woven vinyl flooring triangle"|trans }}</a></li>
  75.             {% endif %}
  76.         {% endfor %}
  77.     </ul> #}
  78.     <div class="footer--sm-menu-subtitle toggler--subtitle mobileview--toggler toggler--subtitle" id="footer-sm-collapse-4">
  79.         {{ 'Woven vinyl flooring by sector'|trans }}
  80.         <span class="mobileview--caretdown toggler--caretdown footer--sm-caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  81.     </div>
  82.     <ul class="footer--sm-menu-list toggler--list collapse">
  83.         {% for index, kindProject in kindsProject_global %}
  84.             {% if index == 0 %}
  85.                 <div>
  86.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Workspace"|trans }}</a></li>
  87.             {% elseif index == 1 %}
  88.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Hospitality"|trans }}</a></li>
  89.             {% elseif index == 2 %}
  90.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Residential"|trans }}</a></li>
  91.             {% elseif index == 3 %}
  92.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Retail"|trans }}</a></li>
  93.                 </div>
  94.             {% elseif index == 4 %}
  95.                 <div>
  96.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Showrooms & Exhibitions"|trans }}</a></li>
  97.             {% elseif index == 5 %}
  98.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Public Space"|trans }}</a></li>
  99.             {% elseif index == 6 %}
  100.                 <li><a href="{{ path('pages_projects_filter_by_kind_project', { _locale:  currentLocale, kindProjectSlug: kindProject.slug }) }}">{{ "Healthcare & Leisure"|trans }}</a></li>
  101.                 </div>
  102.             {% endif  %}
  103.         {% endfor %}
  104.     </ul>
  105. </div>