templates/bundles/SyliusShopBundle/Product/Index/_main.html.twig line 1

  1. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  2. {% import 'frontend/Macro/pagination.html.twig' as pagination %}
  4. {% if resources.data | length > 0 %}
  5.     {# <div class="row bottom-30 align-items-baseline">
  6.         <div class="col-3 col-sm-6">
  7.             {% include '@SyliusShop/Product/Index/_pagination.html.twig' %}
  8.         </div>
  9.         <div
  10.             class="col-9 col-sm-6 text-right">
  11.             <!-- shop filter start-->
  12.             {% include '@SyliusShop/Product/Index/_sorting.html.twig' %}
  13.             <!-- shop filter end-->
  14.         </div>
  15.     </div> #}
  16.     {{ sonata_block_render_event('sylius.shop.product.index.before_list', {'products': resources.data}) }}
  17.     <!--MixitUp Galery-->
  18.     <div class="mixitup-gallery mt-5 mt-lg-0">
  19.         <!--Filter-->
  20.         {# <div class="filters clearfix">
  21.                                                         <ul class="filter-tabs filter-btns clearfix">
  22.                                                             <li class="active filter" data-role="button" data-filter="all">All</li>
  23.                                                             <li class="filter" data-role="button" data-filter=".dairy">Cyber</li>
  24.                                                             <li class="filter" data-role="button" data-filter=".pantry">Digital</li>
  25.                                                             <li class="filter" data-role="button" data-filter=".meat">Software</li>
  26.                                                             <li class="filter" data-role="button" data-filter=".fruit">Technology</li>
  27.                                                             <li class="filter" data-role="button" data-filter=".vagetables">Development</li>
  28.                                                         </ul>
  29.                                                     </div> #}
  31.             <div class="filter-list row"> 
  32.       {% for product in resources.data %}
  33.                 <div class="product-block all mix dairy meat fruit col-lg-4 col-md-6 col-sm-12">
  34.           {% include '@SyliusShop/Product/_box.html.twig' %} 
  35.                 </div> 
  36.             {% endfor %}
  39.         </div>
  40.     </div>
  41.     {{ pagination.simple(resources.data) }}
  42. {% else %}
  45.     <div class="alert alert--error alert--filled">
  46.         <div class="alert__icon">
  47.             <svg class="icon">
  48.                 <use xlink:href="#close"></use>
  49.             </svg>
  50.         </div>
  51.         <p class="alert__text">
  52.             {{'sylius.ui.no_results_to_display'|trans}}
  53.             <span class="alert__close">
  54.                 <svg class="icon">
  55.                     <use xlink:href="#close"></use>
  56.                 </svg>
  57.             </span>
  58.         </p>
  59.     </div>
  60. {% endif %}