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

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  2. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  4. {% block title %}{% if taxon is defined and taxon.translation.metaTitle is not null %}{{ taxon.translation.metaTitle }}{% else %}{{ parent() }}{% endif %}{% endblock %}
  6. {% block metatags %}
  7.     {% if taxon is defined and taxon.translation.metaDescription is not null %}
  8.         <meta name="description" content="{{ taxon.translation.metaDescription }}">
  9.     {% else %}
  10.         {{ parent() }}
  11.     {% endif %}
  12. {% endblock %}
  14. {% block content %}
  15.     <div class="page-categorie-content">
  16.         <div class="categorie-top position-relative zindex-1">
  17.             <div class="object-img-categ">
  18.                 {% if taxon.images|length > 1 %}
  19.                     {% set path = taxon.images[1].path|imagine_filter(filter|default('app_taxon_image_large_thumbnail')) %}
  20.                 {% else %}
  21.                     {% set path = asset('images/img_categ.jpg') %}
  22.                 {% endif %}
  23.                 <img src="{{ path }}" alt="{{ taxon.name }}" class="" />
  24.             </div>
  25.             <div class="categorie-img max-container-5 px-0">
  26.                 <div class="px-md-0 px-2  position-relative zindex-3">
  27.                     {{ render(url('sylius_shop_partial_taxon_show_by_slug', {'slug': app.request.attributes.get('slug'),'template': '@SyliusShop/Taxon/_breadcrumb.html.twig'})) }}
  28.                 </div>
  29.                 <div class="absolute-categ text-center">
  30.                     <h1 class="title-categ">{{ taxon.name }}</h1>
  31.                     <div class="fontsize-normal text-grey max-line-3 pt-2">{{ taxon.translation.description|raw }}</div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.         <div class="max-container-5 px-0">
  36.             <div class="categorie-bottom">
  37.                 {% if result.count == 0 %}
  38.                     <div class="no-result pt-md-4 pt-2 pb-md-4 pb-2 mt-xl-2 px-lg-0 px-3">
  39.                         <div class="py-4 my-3 text-center ">
  40.                             <div class="d-inline-block">
  41.                                 <div class="alert alert-danger">
  42.                                     {{ 'app.common.aucun_produit_disponible'|trans }}
  43.                                 </div>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 {% else %}
  48.                     <div class=" mt-perso-vh">
  49.                         <div class="filtre-cat bg-gradient-orange">
  50.                             <div class="categorie-filtre mbiz-sylius-search-filters">
  51.                                 <div class="lib-f-c fontsize-mobile-text">
  52.                                     <span class="d-block">{{'app.taxon.filter_by'|trans}} </span>
  54.                                 </div>
  55.                                 <div class="d-md-none d-block mobile-label-filtre bg-gradient-orange bg-gradient-hover text-uppercase">{{'sylius.ui.filters'|trans}} <i class="icon-up-open-big"></i></div>
  56.                                 <div class="cell-facette">
  57.                                     <span class="close-filtre-categ d-block d-md-none bg-gradient-orange"><img src="{{ asset('images/closemenu.png')}}" alt="X" class="d-block" /></span>
  58.                                     <div class="content-fitre-categ align-items-center justify-content-center">
  59.                                         {% include '@MonsieurBizSyliusSearchPlugin/Search/_sidebar.html.twig' %}
  60.                                     </div>
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.                     <div class="res-filtre  fontsize-mobile-text pb-md-0 pb-2 d-none d-md-block pt-md-3 px-lg-0 px-3">
  66.                     </div>
  67.                     <div class="liste-articles pt-md-4 pt-2 pb-md-4 pb-2 mt-xl-2 px-lg-0 px-3">
  68.                         <div class="row mx-n2 mx-n3 mx-lg-n3p mx-xs-n2" id="products">
  69.                             {% set productsUsefullNbr = taxon.productsUsefull.count %}
  70.                             {% set productsNbr = result.count %}
  72.                             {% if productsUsefullNbr == 1 %}
  73.                                 {% set productUsefullPos = (productsNbr /  2)|round %}
  74.                             {% elseif productsUsefullNbr > 0 %}
  75.                                 {% set productUsefullPos = (productsNbr /  productsUsefullNbr)|round %}
  76.                             {% endif %}
  78.                             {% set i = 0 %}
  79.                             {% set itemNum = 0 %}
  80.                             {% for item in result %}
  81.                                 {% set itemNum = itemNum + 1 %}
  82.                                 <div class="col-lg-3 col-md-4 col-sm-6 col-12 px-3 mb-md-3 mb-4 px-lg-3p mb-lg-5p px-xs-2">
  83.                                     {% set product = product_repository.find(item.id) %}
  84.                                     {% include '@SyliusShop/Product/_box.html.twig' with {'product': product} only %}
  85.                                 </div>
  87.                                 {% if productsUsefullNbr > 0 and i < productsUsefullNbr %}
  88.                                     {% if itemNum == productUsefullPos %}
  89.                                         {% for itemUsefull in taxon.productsUsefull|slice(i, i + 1) %}
  90.                                             {% set productUsefull = product_repository.find(itemUsefull.id) %}
  91.                                             {% if productUsefull.enabled %}
  92.                                                 <div class="col-lg-3 col-md-4 col-sm-6 col-12 px-3 mb-md-3 mb-4 px-lg-3p mb-lg-5p px-xs-2 article-usefull">
  93.                                                     {% include '@SyliusShop/Product/_box.html.twig' with {'product': productUsefull} only %}
  94.                                                 </div>
  95.                                             {% endif %}
  96.                                             {% set i = i + 1 %}
  97.                                         {% endfor %}
  99.                                         {% set itemNum = 0 %}
  100.                                     {% endif %}
  101.                                 {% endif %}
  102.                             {% endfor %}
  104.                             {% if productsUsefullNbr > 0 and i < productsUsefullNbr %}
  106.                                 {% for itemUsefull in taxon.productsUsefull|slice(i, i + 1) %}
  107.                                     {% set productUsefull = product_repository.find(itemUsefull.id) %}
  108.                                     {% if productUsefull.enabled %}
  109.                                         <div class="col-lg-3 col-md-4 col-sm-6 col-12 px-3 mb-md-3 mb-4 px-lg-3p mb-lg-5p px-xs-2 article-usefull">
  110.                                             {% include '@SyliusShop/Product/_box.html.twig' with {'product': productUsefull} only %}
  111.                                         </div>
  112.                                     {% endif %}
  114.                                     {% set i = i + 1 %}
  115.                                 {% endfor %}
  116.                             {% endif %}
  117.                         </div>
  118.                         {{ pagination.simple(result.paginator) }}
  119.                     </div>
  121.                 {% endif %}
  122.             </div>
  123.             <div class="text-center max-container-5 px-0">
  124.                 <div class="fontsize-normal text-grey max-line-3 pt-2">{{ taxon.translation.textSEO|raw }}</div>
  125.             </div>
  126.         </div>
  127.     </div>
  128. {% endblock %}