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