templates/bundles/BitBagSyliusElasticsearchPlugin/Shop/Product/index.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% form_theme form with ['@SyliusUi/Form/theme.html.twig', 'Context/Shop/ProductCategory/formTheme.html.twig'] %}
  5. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  6. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  8. {% block content %}
  9.     {{ form_start(form, {'method': 'GET', 'attr': {'class': 'ui loadable form'}}) }}
  10.     <div class="ui stackable grid">
  11.         <div class="four wide column">
  12.             <div id="filters-vertical" class="ui fluid vertical menu product-filters">
  13.                 <div class="ui accordion filters-accordion">
  14.                     <div class="title">
  15.                         <div class="header item">
  16.                             {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter_results'|trans }}
  17.                             <i class="dropdown icon"></i>
  18.                         </div>
  19.                     </div>
  20.                     <div class="content">
  21.                         {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_filterForm.html.twig' %}
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <div class="twelve wide column">
  27.             <h1 class="ui monster section dividing header">
  28.                 {{ taxon.name }}
  29.                 {{ bitbag_cms_render_banner('Context/Shop/Blog/banner.html.twig') }}
  30.                 {% include 'Context/Common/Banner/_categoryBanner.html.twig' %}
  31.                 <div class="sub header">{{ taxon.description }}</div>
  32.             </h1>
  33.             <div class="ui segment">
  34.                 <div class="ui stackable grid">
  35.                     <div class="five wide column">
  36.                         {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_sorting.html.twig' %}
  37.                         {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_pagination.html.twig' %}
  38.                     </div>
  39.                     <div class="eleven wide column">
  40.                         <div class="ui search" id="products-search">
  41.                             <div class="ui fluid large left icon input">
  42.                                 {{ form_widget(form.name, {'attr': {'placeholder': 'sylius.ui.search', 'class': 'prompt'}}) }}
  43.                                 <i class="search icon"></i>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  50.             {% if products|length > 0 %}
  51.                 <div class="category-products-grid" id="products">
  52.                     {% for product in products %}
  53.                         {% include '@SyliusShop/Product/_box.html.twig' %}
  54.                     {% endfor %}
  55.                 </div>
  56.                 <div class="ui hidden divider"></div>
  58.                 {{ pagination.simple(products) }}
  59.             {% else %}
  60.                 {{ messages.info('sylius.ui.no_results_to_display') }}
  61.             {% endif %}
  62.         </div>
  63.     </div>
  64.     <button type="submit" style="display: none">
  65.         <i class="search icon"></i>
  66.         {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter'|trans }}
  67.     </button>
  68.     {{ form_end(form, {'render_rest': false}) }}
  70.     {% include "@SyliusShop/Common/Sections/digitalEcosystem.html.twig" %}
  71. {% endblock %}