templates/Shop/brandList.html.twig line 1

Open in your IDE?
  1. {% extends 'product.html.twig' %}
  2. {% block content %}
  3.   <style>
  4.     .category-color{
  5.           z-index: 999999 !important;
  6.           position: absolute !important;
  7.           margin-top: 3em !important;
  8.           margin-left: -3em !important;
  9.           color: white !important;
  10.           background-color: #000 !important;
  11.     }
  12.   </style>
  13.     <main id="main" role="main">
  14.       
  15.      {% include 'Shop/includes/productTopMenu.html.twig' with {'document': document, 'locale' : locale} %}
  17.       <div class="brands-block">
  18.         <div class="container">
  19.           <ul class="alphabet-list">
  20.             
  21.                 {% set num = false %}
  22.                 {% for i in 1..9 %}
  23.                   {% if i in filter %}
  24.                       {% set num = true %}
  25.                   {% endif %}
  26.                 {% endfor %}
  27.                 
  28.            
  29.             <li class="{{ num ? 'active' : '' }}"><a href="#scroll-1-9" class="smooth-scroll">1-9</a></li>
  30.             {% set alphas = range('A', 'Z') %}
  31.             {% for alpha in alphas%}
  32.             
  33.                 <li><a class="{{ alpha in filter ? '' : 'disabled ' }}smooth-scroll" href="#scroll-{{ alpha|lower }}">{{ alpha }}</a></li>
  34.             {% endfor %}
  35.           </ul>
  36.           {% set num = false %}                 
  37.             {% for key,brands in brandsSorted %}
  38.               <div class="brand-list-block" id="scroll-{{ key|lower }}">
  39.                 <h2>{{ key }}</h2>
  40.                   <ul class="brand-list">                    
  41.                       {% for brand in brands %}
  42.                           {% set url = "/" ~ locale ~ "/product/list?category=" ~ brand.getId() %}
  43.                           <li class="brand-wrap">                          
  44.                                 <div class="logo" title="{{ brand.getAlcoholType() }}">
  45.                                   <div class="logo-wrap">
  46.                                     <a class="brand-link" href="{{ url }}" title="{{ brand.getAlcoholType() }}">
  47.                                     {% if brand.getTypeImage() %}
  48.                                       {{ brand.getTypeImage().getThumbnail('brand').html|raw }}
  49.                                       <h2 class="category-color">{{ brand.getAlcoholType() }}</h2>
  50.                                     {% else %}
  51.                                         <h2>{{ brand.getAlcoholType() }}</h2>
  52.                                     {% endif %}
  53.                                     </a>
  54.                                   </div>
  55.                                 </div>
  56.                           </li>
  57.                       {% endfor %}                  
  58.                   </ul>
  59.               </div>
  60.             {% endfor %}               
  61.         </div>
  62.       </div>
  63.     </main>
  64. {% endblock %}