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-330 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.                     {% if category.published %}
  8.                     <a
  9.                         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' }}"
  10.                         id="v-pills-home-tab{{ loop.index }}"
  11.                         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') }}"
  12. {#                        data-img="{{ category ? asset(vich_uploader_asset(category, 'categoryFile')) }}"#}
  13.                         data-toggle="pill" href="#v-pills-home{{ loop.index }}" role="tab"
  14.                         aria-controls="v-pills-home{{ loop.index }}"
  15.                         aria-selected="true"
  16.                         data-href="{{ path('front_products', {"catSlug":category.slug}) }}"
  18.                         >
  19.                         <div class="position-relative col-auto pax-10">
  20.                             <div class="wi-65 he-65 d-flex align-items-center jusify-content-center" style="background-color:{{category.color}}">
  21. {#                                <img src="{{ asset(vich_uploader_asset(category, 'categoryIconFile')) }}"#}
  22.                                 <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') }}"
  23.                                      alt="{{ category.title }}" class="img-white  position-absolute t-0 b-0 w-auto l-0 r-0 m-auto img-white mawi-65"/>
  24.                             </div>
  25.                         </div>
  26.                         <div class="col pax-0">
  27.                             <div class="c-inherit text-uppercase fs-14" data-link3>
  28.                                 {{ category.title }}
  29.                                 {#   <div class="c-A0A2A6 link c-9DC771-h fs-13 fw-600 d-block allProductsLink" data-href="{{ path('front_products', {"catSlug":category.slug}) }}" >
  30.                                        {{"menuProducts.allProducts.link"|trans|raw }}
  31.                                    </div>#}
  32.                             </div>
  33.                         </div>
  34.                         <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">
  35.                             <i class="fa-solid fa-chevron-right c-inherit fs-12"></i>
  36.                         </div>
  37.                     </a>
  38.                     {% endif %}
  39.                 {% endfor %}
  40.             </div>
  41.         </div>
  42.         <div class="w-100 d-flex max-0 pills-products position-relative justify-content-between">
  43.             <div class="col-3 px-0 brw-1 brs-solid bc-F1F5F6 ">
  44.                 <div class="tab-content h-100 pay-35 pal-24 par-48 bgc-F2F4F8 position-relative" id="v-pills-tabContent">
  45.                     {% for key, category in getCategories() %}
  46.                         {% if category.published and getSubCategories(category)|length > 0 %}
  47.                             <div class="tab-pane  {{ (loop.first) ? 'show active ' }}" id="v-pills-home{{ loop.index }}"
  48.                                  role="tabpanel" aria-labelledby="v-pills-home-tab{{ loop.index }}">
  49.                                 <div class="fw-700 c-06303E fs-16  mab-10">
  50.                                     {{ category.title }}
  51.                                 </div>
  52.                                 {% for key, subCategory in getSubCategories(category) %}
  53.                                     {% if subCategory.published %}
  54.                                         <div id="accordionProducts{{ loop.index }}{{category.id}}" class="cat{{category.id}}Application{{ loop.index }}">
  55.                                             <div class="">
  56.                                                 <div class="" id="headingOneProducts{{ loop.index }}{{category.id}}">
  57.                                                     <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">
  59.                                                         <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 %}">
  60.                                                             {{ subCategory.title }}
  61.                                                         </a>
  63.                                                     </div>
  64.                                                 </div>
  65.                                             </div>
  66.                                         </div>
  67.                                     {% endif %}
  68.                                 {% endfor %}
  69.                             </div>
  70.                         {% endif %}
  71.                     {% endfor %}
  72.                 </div>
  73.             </div>
  74.             <div class="col-3 px-0 px-0 brw-1 brs-solid bc-F1F5F6">
  75.                 {% for key, category in getCategories() %}
  76.                     {% if category.published %}
  77.                         <div class=" {{ (loop.first) ? 'catActive' }}">
  78.                             {% for key, subCategory in getSubCategories(category) %}
  79.                                 {% if subCategory.published and getSubSubCategories(subCategory)|length > 0 %}
  80.                                     <div id="contentCat{{category.id}}Application{{ loop.index }}" class="{{ (loop.first) ? 'appActive' }} contentCat  pay-35 pal-24 par-48">
  81.                                         <div class="fw-700 c-06303E fs-16  mab-10">
  82.                                             {{ subCategory.title }}
  83.                                         </div>
  84.                                         {% for key, subSubCategory in getSubSubCategories(subCategory) %}
  85.                                             {% if subSubCategory.published %}
  86.                                                 <div  class="">
  87.                                                     <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 }}" >
  89.                                                         <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 %}">
  90.                                                             {{ subSubCategory.title }}
  91.                                                         </a>
  94.                                                     </div>
  95.                                                 </div>
  96.                                             {% endif %}
  97.                                         {% endfor %}
  98.                                         {#    {% for key, product in getProducts(subCategory) %}
  99.                                     <div class="mab-24">
  100.                                         <a class="c-7D7D7D fw-600 fs-14 c-9DC771-h link-transform" href="{{ getProductUrl(product, subCategory) }}">
  101.                                             {{ product.title }}
  102.                                         </a>
  103.                                     </div>
  104.                                  {% endfor %}#}
  105.                                     </div>
  106.                                 {% endif %}
  107.                             {% endfor %}
  108.                         </div>
  109.                     {% endif %}
  110.                 {% endfor %}
  111.             </div>
  112.             <div class="col-3 px-0 brw-1 brs-solid bc-F1F5F6">
  113.                 {% for key, category in getCategories() %}
  114.                     {% if category.published %}
  115.                         <div class=" {{ (loop.first) ? 'catActive3' }}">
  116.                             {% for key, subCategory in getSubCategories(category) %}
  117.                                 {% if subCategory.published %}
  118.                                     {#                        <div id="contentCat{{category.id}}Application{{ loop.index }}" class="{{ (loop.first) ? 'appActive' }} contentCat  pay-35 pal-24 par-48">#}
  119.                                     {#  <div class="fw-700 c-06303E fs-16  mab-10">
  120.                             {{ subCategory.title }}
  121.                         </div>#}
  122.                                     <div class=" {{ (loop.first) ? 'subcatActive3' }}">
  123.                                         {% for key, subSubCategory in getSubSubCategories(subCategory) %}
  124.                                             {% if subSubCategory.published and getSubSubSubCategories(subSubCategory)|length > 0 %}
  126.                                                 <div class="cat{{category.id}}Application{{ subCategory.id }}Sub{{loop.index}} contentSubSubCat {{ (loop.first) ? 'subSubcatActive3' }} pay-35 pal-24 par-48">
  127.                                                     <div class="fw-700 c-06303E fs-16  mab-10">
  128.                                                         {{ subSubCategory.title }}
  129.                                                     </div>
  130.                                                     {#    <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 }}" >
  132.                                         </div>#}
  133.                                                     {% for key, subSubSubCategory in getSubSubSubCategories(subSubCategory) %}
  134.                                                         {% if subSubSubCategory.published %}
  135.                                                             <div class="mab-8">
  136.                                                                 <a class="c-06303E c-65B3CD-h pointer w-100 fs-14 fw-500" href="{{ getProductUrl(null, true, null, null, null, subSubSubCategory) }}">
  137.                                                                     {{ subSubSubCategory.title }}
  138.                                                                 </a>
  139.                                                             </div>
  140.                                                         {% endif %}
  141.                                                     {% endfor %}
  142.                                                 </div>
  143.                                             {% endif %}
  144.                                         {% endfor %}
  145.                                     </div>
  146.                                 {% endif %}
  147.                                 {#    {% for key, product in getProducts(subCategory) %}
  148.                                 <div class="mab-24">
  149.                                     <a class="c-7D7D7D fw-600 fs-14 c-9DC771-h link-transform" href="{{ getProductUrl(product, subCategory) }}">
  150.                                         {{ product.title }}
  151.                                     </a>
  152.                                 </div>
  153.                             {% endfor %}#}
  154.                                 {#                        </div>#}
  155.                             {% endfor %}
  156.                         </div>
  157.                     {% endif %}
  158.                 {% endfor %}
  159.             </div>
  160.             {% set firstCategory = getCategories()[0] %}
  161.             <div class="col-3 pax-0">
  162.                 <div class="par-30 pay-34 pal-20 h-100 d-flex align-items-center justify-content-center">
  163.                     {#                {{dump(getCategories()[0])}}#}
  164.                     <img class="img-cat of-contain h-100 wi-300 mr-auto"
  165.                          src="{{ firstCategory.categoryFileName ? asset(vich_uploader_asset(firstCategory, 'categoryFile'))|imagine_filter('medium') : asset('assets/img/sans-img-1-dmd-inox.jpg')|imagine_filter('medium') }}"
  166.                          alt="{{ getCategories()[0].title }}" />
  167.                     {#   {% for key,  category in getCategories() %}
  168.                    {% endfor %}#}
  169.                 </div>
  170.             </div>
  171.         </div>
  173.     </div>
  175. </div>