themes/BootstrapTheme/templates/bundles/MonsieurBizSyliusSearchPlugin/Taxon/result.html.twig line 58

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  2. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  4. {% block title %}
  5.     {% if taxon is defined and taxon.translation.metaTitle is not null %}
  6.         {{ taxon.translation.metaTitle }}
  7.     {% else %}
  8.         {% if app_get_page_meta_by_code("taxon",{ 'taxon': taxon }) is not empty %}
  9.             {% set meta = app_get_page_meta_by_code("taxon", { 'taxon': taxon }) %}
  10.             {% if meta.title is not null %}
  11.                 {{ meta.title }}
  12.             {% else %}
  13.                 {{ parent() }}
  14.             {% endif %}
  15.         {% else %}
  16.             {{ parent() }}
  17.         {% endif %}
  18.     {% endif %}
  19. {% endblock %}
  21. {% block metatags %}
  22.     {% if taxon is defined and taxon.translation.metaDescription is not null %}
  23.         <meta name="description" content="{{ taxon.translation.metaDescription }}">
  24.     {% else %}
  25.         {% if app_get_page_meta_by_code("taxon", { 'taxon': taxon}) is not empty %}
  26.             {% set meta = app_get_page_meta_by_code("taxon", { 'taxon': taxon }) %}
  27.             {% if meta.metaDescription is not null %}
  28.                 <meta name="description" content="{{ meta.metaDescription }}">
  29.             {% else %}
  30.                 {{ parent() }}
  31.             {% endif %}
  33.         {% else %}
  34.             {{ parent() }}
  35.         {% endif %}
  36.     {% endif %}
  38.     {% if taxon.translation.metaRobotIndex == true %}
  39.         {% set metaRobotIndex = 'index, follow' %}
  40.     {% elseif taxon.translation.metaRobotIndex == false %}
  41.         {% set metaRobotIndex = 'noindex, nofollow' %}
  42.     {% endif %}
  44.     {% if metaRobotIndex is defined %}
  45.         <meta name="robots" content="{{ metaRobotIndex }}"/>
  46.     {% endif %}
  48. {% endblock %}
  50. {% block content %}
  51.     {% set wishlist = null %}
  52.     {% if app.user %}
  53.         {% set wishlist = app_get_wishlist() %}
  54.     {% endif %}
  55.     <section class="container px-xl-0 px-2">
  56.         <section class="container-page-aside pb-2">
  57.             <div class="">
  58.                 {{ render(url('sylius_shop_partial_taxon_show_by_slug', {'slug': app.request.attributes.get('slug'),'template': '@SyliusShop/Taxon/_breadcrumb.html.twig'})) }}
  59.             </div>
  60.             <div class="bg-white rounded-10 border p-xl-4 p-3 mb-4 page-categorie-content">
  61.                 <div class="categorie-top pb-2 gradient-whiteb avenir-book pr-xl-5 pr-4">
  62.                     <h1 class="title-big text-left has-after pb-3">{{ taxon.name }}</h1>
  63.                     <div class="expand-me font-15 font-16-mobile">
  64.                         {{ taxon.translation.description|raw }}
  65.                     </div>
  66.                 </div>
  67.                 {% if taxon.children|length > 0 %}
  68.                 
  69.                 <div class="pt-3 sscategorie-container font-16-mobile  {% if taxon.children|length < 20 %} max-container-txt {% endif %}">
  70.                     <ul class="row no-gutters pl-3 ">
  71.                         {% for childTaxon in taxon.children %}
  72.                         <li class="col-12 pr-md-3  {% if taxon.children|length < 20 %}col-md-6 {% else %} col-lg-4 col-md-6 {% endif %}"><a href="{{ path('monsieurbiz_sylius_search_taxon', {'slug': childTaxon.slug, '_locale': childTaxon.translation.locale}) }}" title="{{ childTaxon.name }}">{{ childTaxon.name }}</a></li>
  73.                         {% endfor %}
  74.                     </ul>
  75.                 </div>
  76.                 {% endif %}
  77.                     {% if result.count == 0 %}
  78.                     <div class="categorie-bottom px-lg-0">
  79.                         <div class="no-result pt-md-4 pt-2 pb-md-4 pb-2 mt-xl-2 px-lg-0 px-3">
  80.                             <div class="py-4 my-3 text-left ">
  81.                                 <div class="d-inline-block">
  82.                                     <div class="alert alert-danger">
  83.                                         {{ 'app.common.no_product_available'|trans }}
  84.                                     </div>
  85.                                 </div>
  86.                             </div>
  87.                         </div>
  88.                     </div>
  89.                     {% else %}
  90.                     <div class="pb-3">
  91.                         <div class="filtre-cat mt-3">
  92.                             <div class="categorie-filtre mbiz-sylius-search-filters row no-gutters align-items-center">
  93.                                 <div class="lib-f-c font-weight-bold font-16  pr-xl-5 pr-3 col-auto">
  94.                                     <span class="d-block pb-2">Trier par :</span>
  95.                                 </div>
  96.                                 <div class="d-lg-none d-block py-3 text-center ">
  97.                                     <div class="d-inline-block mobile-label-filtre">
  98.                                         <span class="d-flex align-items-center">
  99.                                             <svg class="burger-icon" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  100.                                                 <g id="burger" stroke="none" stroke-width="0" fill="#fff" fill-rule="evenodd">
  101.                                                     <g id="group-desktop" fill-rule="nonzero">
  102.                                                         <path d="M5,7.625 L25,7.625" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path>
  103.                                                         <path d="M5,15.125 L25,15.125" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path>
  104.                                                         <path d="M5,22.625 L25,22.625" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path>
  105.                                                     </g>
  106.                                                 </g>
  107.                                             </svg>
  108.                                             <strong class="">{{'app.taxon.sort_by'|trans}}</strong>
  109.                                         </span>
  110.                                     </div>
  111.                                 </div>
  112.                                 <div class="cell-facette col">
  113.                                     <div class="d-flex justify-content-between d-lg-none align-items-center p-3 border-bottom">
  114.                                         <strong class="font-20 text-uppercase">{{'app.taxon.refine_your_choice'|trans}}</strong>
  115.                                         <span class="close-filtre-categ "><img src="{{asset('images/closemenu.png')}}" alt="X" class="d-block" /></span>
  116.                                     </div>
  117.                                     <div class="content-fitre-categ align-items-center justify-content-center">
  118.                                         {% include '@MonsieurBizSyliusSearchPlugin/Search/_sidebar.html.twig' %}
  119.                                     </div>
  120.                                 </div>
  121.                             </div>
  122.                         </div>
  123.                         <div class="res-filtre  fontsize-mobile-text pb-md-0 pb-2 ">
  124.                             <div class="row no-gutters align-items-center justify-content-between">
  125.                                 <div class="col ">
  126.                                     <span class="d-inline-block font-16">{{'app.taxon.your_selection'|trans}} :</span>
  127.                                     <div class="d-inline-block">
  128.                                         {% for filter in result.filters %}
  129.                                             {% for value in filter.values %}
  130.                                                 {% if value.isApplied and filter.type != "range" %}
  131.                                                     <span class="filtre delete-filter" data-filter="{{ 'filter-' ~ filter.code ~ '-value-' ~ value.slug }}" ><i class="icon-cancel"></i><span>{{ value.label}} </span></span>
  132.                                                 {% endif %}
  133.                                             {% endfor %}
  134.                                         {% endfor %}
  135.                                     </div>
  136.                                 </div>
  137.                                 <div class="col-auto">
  138.                                     {{result.count}} {{'app.taxon.items'|trans}}
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                     <div class="categorie-bottom px-lg-0">
  144.                         <div class="py-4">
  145.                             <div class="row justify-content-between no-gutters px-xl-0 px-lg-2 px-0">
  146.                                 <div class="col-auto  pr-1">{% include '@MonsieurBizSyliusSearchPlugin/Search/_pagination.html.twig' %}</div>
  147.                                 <div class="col-auto  pl-1">{% include '@MonsieurBizSyliusSearchPlugin/Search/_sorting.html.twig' %}</div>
  148.                             </div>
  149.                         </div>
  150.                         <div class="row no-gutters mx-n3" id="products">
  151.                             {% set productsUsefullNbr = taxon.productsUsefull.count %}
  152.                             {% set productsNbr = result.count %}
  154.                             {% if productsUsefullNbr == 1 %}
  155.                                 {% set productUsefullPos = (productsNbr /  2)|round %}
  156.                             {% elseif productsUsefullNbr > 0 %}
  157.                                 {% set productUsefullPos = (productsNbr /  productsUsefullNbr)|round %}
  158.                             {% endif %}
  160.                             {% set i = 0 %}
  161.                             {% set itemNum = 0 %}
  162.                             {% for item in result %}
  163.                                 {% set itemNum = itemNum + 1 %}
  164.                                 <div class="col-5-desk col-lg-3 col-md-4 col-6 mb-lg-5 mb-4">
  165.                                     {% set product = product_repository.find(item.id) %}
  166.                                     {% include '@SyliusShop/Product/_box.html.twig' with {'product': product, 'wishlist': wishlist} only %}
  167.                                 </div>
  169.                                 {% if productsUsefullNbr > 0 and i < productsUsefullNbr %}
  170.                                     {% if itemNum == productUsefullPos %}
  171.                                         {% for itemUsefull in taxon.productsUsefull|slice(i, i + 1) %}
  172.                                             {% set productUsefull = product_repository.find(itemUsefull.id) %}
  173.                                             {% if productUsefull.enabled %}
  174.                                                 <div class="col-5-desk col-lg-3 col-md-4 col-6 mb-lg-5 mb-4 article-usefull">
  175.                                                     {% include '@SyliusShop/Product/_box.html.twig' with {'product': productUsefull, 'wishlist': wishlist} only %}
  176.                                                 </div>
  177.                                             {% endif %}
  178.                                             {% set i = i + 1 %}
  179.                                         {% endfor %}
  181.                                         {% set itemNum = 0 %}
  182.                                     {% endif %}
  183.                                 {% endif %}
  184.                             {% endfor %}
  186.                             {% if productsUsefullNbr > 0 and i < productsUsefullNbr %}
  188.                                 {% for itemUsefull in taxon.productsUsefull|slice(i, i + 1) %}
  189.                                     {% set productUsefull = product_repository.find(itemUsefull.id) %}
  190.                                     {% if productUsefull.enabled %}
  191.                                         <div class="col-5-desk col-lg-3 col-md-4 col-6 mb-lg-5 mb-4 article-usefull">
  192.                                             {% include '@SyliusShop/Product/_box.html.twig' with {'product': productUsefull} only %}
  193.                                         </div>
  194.                                     {% endif %}
  196.                                     {% set i = i + 1 %}
  197.                                 {% endfor %}
  198.                             {% endif %}
  199.                         </div>
  200.                         {{ pagination.simple(result.paginator) }}
  201.                     </div>
  202.                     {% endif %}
  203.             </div>
  204.             {% if  taxon.translation.textSeo is defined %}
  205.                 <div class="text-grey font-15 py-lg-4 py-3 d-none d-md-block">
  206.                     {{ taxon.translation.textSeo|raw }}
  207.                 </div>
  208.             {% endif %}
  209.         </section>
  210.      </section>
  212. {% endblock %}