templates/commons/menuProducts.html.twig line 1

Open in your IDE?
  1. <div class="bgc-white br-0 overflow-hidden">
  2.     <div class="d-flex max-0 pills-products position-relative justify-content-between">
  3.         <div class="col-auto px-0">
  4.             <div class="nav wi-300 flex-column nav-pills bgc-F1F5F6 pay-50 pal-60 c-0d8fc4-h" id="v-pills-tab" role="tablist"
  5.                  aria-orientation="vertical">
  6.                 {% for key, category in getCategories() %}
  7.                     <a
  8.                         class="{{ (loop.first) ? 'activeCatLink ' }} d-flex c-06303E c-3992B0-h mab-5 bgc-white-h position-relative transition pay-12 br-0 pointer w-100 cat-menu-link link-img-cat align-items-center c-44515d fs-18 fw-600 tdl-none-h c-0d8fc4-h {{ (loop.first) ? 'active' }}"
  9.                         id="v-pills-home-tab{{ loop.index }}"
  10.                         data-img="{{ category.categoryFileName ? asset(vich_uploader_asset(category, 'categoryFile'))|imagine_filter('medium') : asset('assets/img/sans-img-1-dmd-inox.jpg')|imagine_filter('medium') }}"
  11. {#                        data-img="{{ category ? asset(vich_uploader_asset(category, 'categoryFile')) }}"#}
  12.                         data-toggle="pill" href="#v-pills-home{{ loop.index }}" role="tab"
  13.                         aria-controls="v-pills-home{{ loop.index }}"
  14.                         aria-selected="true"
  15.                         data-href="{{ path('front_products', {"catSlug":category.slug}) }}"
  17.                         >
  18.                         <div class="position-relative col-auto pax-10">
  19.                             <div class="wi-65 he-65 d-flex align-items-center jusify-content-center" style="background-color:{{category.color}}">
  20. {#                                <img src="{{ asset(vich_uploader_asset(category, 'categoryIconFile')) }}"#}
  21.                                 <img src="{{ category.categoryIconFileName ? asset(vich_uploader_asset(category, 'categoryIconFile'))|imagine_filter('medium') : asset('assets/img/sans-img-1-dmd-inox.jpg')|imagine_filter('medium') }}"
  22.                                      alt="{{ category.title }}" class="img-white  position-absolute t-0 b-0 w-auto l-0 r-0 m-auto img-white"/>
  23.                             </div>
  24.                         </div>
  25.                         <div class="col pax-0">
  26.                             <div class="c-inherit text-uppercase fs-14" data-link3>
  27.                                 {{ category.title }}
  28.                                 {#   <div class="c-A0A2A6 link c-9DC771-h fs-13 fw-600 d-block allProductsLink" data-href="{{ path('front_products', {"catSlug":category.slug}) }}" >
  29.                                        {{"menuProducts.allProducts.link"|trans|raw }}
  30.                                    </div>#}
  31.                             </div>
  32.                         </div>
  33.                         <div class="position-absolute wi-22 he-22 t-0 b-0 r-20 arrowProduct my-auto d-flex align-items-center justify-content-center">
  34.                             <i class="fa-solid fa-chevron-right c-inherit fs-12"></i>
  35.                         </div>
  36.                     </a>
  37.                 {% endfor %}
  38.             </div>
  39.         </div>
  40.         <div class="col-auto px-0 brw-1 brs-solid bc-F1F5F6 ">
  41.             <div class="tab-content h-100 pay-35 pal-24 par-48 bgc-F2F4F8 position-relative" id="v-pills-tabContent">
  42.                 {% for key, category in getCategories() %}
  43.                     <div class="tab-pane  {{ (loop.first) ? 'show active ' }}" id="v-pills-home{{ loop.index }}"
  44.                          role="tabpanel" aria-labelledby="v-pills-home-tab{{ loop.index }}">
  45.                         <div class="fw-700 c-06303E fs-16  mab-10">
  46.                             {{ category.title }}
  47.                         </div>
  48.                         {% for key, subCategory in getSubCategories(category) %}
  49.                             <div id="accordionProducts{{ loop.index }}{{category.id}}" class="cat{{category.id}}Application{{ loop.index }}">
  50.                                 <div class="">
  51.                                     <div class="" id="headingOneProducts{{ loop.index }}{{category.id}}">
  52.                                         <div role="button" data-cat="{{category.id}}" data-app="{{ loop.index }}"  class="c-06303E  headingOneProducts{{ loop.index }} {{ (loop.first) ? 'activesubCatLink ' }} mab-3  cat-subMenu-link position-relative c-65B3CD-h d-flex  position-relative transition pay-8 par-10 br-0 pointer w-100 fs-14 fw-500">
  54.                                         <a class="c-06303E c-65B3CD-h pointer w-100 fs-14 fw-500" href="{% if getSubValues(subCategory)|length == 0 %}{{ getProductUrl(null, false, null, subCategory, null, null) }}{% else %}{{ getProductUrl(null, true, null, subCategory, null, null) }}{% endif %}">
  55.                                             {{ subCategory.title }}
  56.                                         </a>
  58.                                         </div>
  59.                                     </div>
  60.                                 </div>
  61.                             </div>
  62.                         {% endfor %}
  63.                     </div>
  64.                 {% endfor %}
  65.             </div>
  66.         </div>
  67.         <div class="col-auto px-0 px-0 brw-1 brs-solid bc-F1F5F6">
  68.             {% for key, category in getCategories() %}
  69.                 <div class=" {{ (loop.first) ? 'catActive' }}">
  70.                     {% for key, subCategory in getSubCategories(category) %}
  71.                         <div id="contentCat{{category.id}}Application{{ loop.index }}" class="{{ (loop.first) ? 'appActive' }} contentCat  pay-35 pal-24 par-48">
  72.                             <div class="fw-700 c-06303E fs-16  mab-10">
  73.                                 {{ subCategory.title }}
  74.                             </div>
  75.                             {% for key, subSubCategory in getSubSubCategories(subCategory) %}
  76.                                 <div  class="">
  77.                                     <div id="cat{{category.id}}Application{{ subCategory.id }}Sub{{loop.index}}" role="button" data-cat="{{category.id}}" class="c-06303E  {#headingOneProducts{{ loop.index }}#} {{ (loop.first) ? 'activesubsubCatLink ' }} headingOneSubProducts{{ loop.index }} mab-3  cat-subSubMenu-link position-relative c-65B3CD-h d-flex  position-relative transition pay-8 par-10 br-0 pointer w-100 fs-14 fw-500" data-subcat="{{ subCategory.id }} " data-subsubCat="{{ loop.index }}" >
  79.                                             <a class="c-06303E c-65B3CD-h pointer w-100 fs-14 fw-500" href="{% if getSubValues(subSubCategory)|length == 0 %}{{ getProductUrl(null, false, null, null, subSubCategory, null) }}{% else %}{{ getProductUrl(null, true, null, null, subSubCategory, null) }}{% endif %}">
  80.                                                 {{ subSubCategory.title }}
  81.                                             </a>
  82.                                         
  83.                                         
  84.                                     </div>
  85.                                 </div>
  86.                             {% endfor %}
  87.                             {#    {% for key, product in getProducts(subCategory) %}
  88.                                     <div class="mab-24">
  89.                                         <a class="c-7D7D7D fw-600 fs-14 c-9DC771-h link-transform" href="{{ getProductUrl(product, subCategory) }}">
  90.                                             {{ product.title }}
  91.                                         </a>
  92.                                     </div>
  93.                                 {% endfor %}#}
  94.                         </div>
  95.                     {% endfor %}
  96.                 </div>
  97.             {% endfor %}
  98.         </div>
  99.         <div class="col-auto px-0 brw-1 brs-solid bc-F1F5F6">
  100.             {% for key, category in getCategories() %}
  101.                 <div class=" {{ (loop.first) ? 'catActive3' }}">
  102.                     {% for key, subCategory in getSubCategories(category) %}
  103.                     {#                        <div id="contentCat{{category.id}}Application{{ loop.index }}" class="{{ (loop.first) ? 'appActive' }} contentCat  pay-35 pal-24 par-48">#}
  104.                         {#  <div class="fw-700 c-06303E fs-16  mab-10">
  105.                             {{ subCategory.title }}
  106.                         </div>#}
  107.                         <div class=" {{ (loop.first) ? 'subcatActive3' }}">
  108.                             {% for key, subSubCategory in getSubSubCategories(subCategory) %}
  109.                                     
  110.                                 
  111.                                 <div class="cat{{category.id}}Application{{ subCategory.id }}Sub{{loop.index}} contentSubSubCat {{ (loop.first) ? 'subSubcatActive3' }} pay-35 pal-24 par-48">
  112.                                     <div class="fw-700 c-06303E fs-16  mab-10">
  113.                                         {{ subSubCategory.title }}
  114.                                     </div>
  115.                                     {#    <div role="button" data-cat="{{category.id}}" class="c-06303E  mab-3  cat-subSubMenu-link position-relative c-65B3CD-h d-flex  position-relative transition pay-8 par-10 br-0 pointer w-100 fs-14 fw-500" data-subcat="{{ subCategory.id }} " data-subsubCat="{{ loop.index }}" >
  117.                                         </div>#}
  118.                                     {% for key, subSubSubCategory in getSubSubSubCategories(subSubCategory) %}
  119.                                         <div class="mab-8">
  120.                                             <a class="c-06303E c-65B3CD-h pointer w-100 fs-14 fw-500" href="{{ getProductUrl(null, true, null, null, null, subSubSubCategory) }}">
  121.                                                 {{ subSubSubCategory.title }}
  122.                                             </a>
  123.                                         </div>
  124.                                     {% endfor %}
  125.                                 </div>
  126.                             {% endfor %}
  127.                         </div>
  128.                         {#    {% for key, product in getProducts(subCategory) %}
  129.                                 <div class="mab-24">
  130.                                     <a class="c-7D7D7D fw-600 fs-14 c-9DC771-h link-transform" href="{{ getProductUrl(product, subCategory) }}">
  131.                                         {{ product.title }}
  132.                                     </a>
  133.                                 </div>
  134.                             {% endfor %}#}
  135.                         {#                        </div>#}
  136.                     {% endfor %}
  137.                 </div>
  138.             {% endfor %}
  139.         </div>
  140.         {% set firstCategory = getCategories()[0] %}
  141.         <div class="col pax-0">
  142.             <div class="par-30 pay-34 pal-20 h-100 d-flex align-items-center justify-content-center">
  143.                 {#                {{dump(getCategories()[0])}}#}
  144.                 <img class="img-cat of-contain h-100 wi-300 mr-auto"
  145.                      src="{{ firstCategory.categoryFileName ? asset(vich_uploader_asset(firstCategory, 'categoryFile'))|imagine_filter('medium') : asset('assets/img/sans-img-1-dmd-inox.jpg')|imagine_filter('medium') }}"
  146.                      alt="{{ getCategories()[0].title }}" />
  147.                 {#   {% for key,  category in getCategories() %}
  148.                    {% endfor %}#}
  149.             </div>
  150.         </div>
  151.     </div>
  153. </div>