templates/Context/Shop/Country/index.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  2. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  3. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  4. {% form_theme form with ['@SyliusUi/Form/theme.html.twig', 'Context/Shop/ProductCategory/formTheme.html.twig'] %}
  6. {% set reviewsCount = 0 %}
  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.                             <div class="item">
  22.                                 {{ form_row(form.filters) }}
  23.                             </div>
  24.                         </div>
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.             <div class="twelve wide column">
  29.                 <h1 class="ui monster section dividing header">
  30.                     {{ country.name }}
  31.                     <div class="sub header">
  32.                         {{ 'app.ui.country_description'|trans }}
  33.                     </div>
  34.                 </h1>
  35.                 <div class="ui segment">
  36.                     <div class="ui stackable grid">
  37.                         <div class="five wide column">
  39.                             {% set route = 'open_marketplace_shop_country_page' %}
  40.                             {% set queryParameters = app.request.query.all|unset_elements(['order_by', 'sort', 'page']) %}
  42.                             <div class="ui compact menu">
  43.                                 <div class="ui simple dropdown item">
  44.                                     {{ 'bitbag_sylius_elasticsearch_plugin.ui.sort'|trans }}
  45.                                     <i class="dropdown icon"></i>
  46.                                     <div class="menu">
  47.                                         <a class="item" href="{{ path(route, {'code': country.code, 'order_by': 'sold_units', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.bestsellers'|trans }}</a>
  48.                                         <a class="item" href="{{ path(route, {'code': country.code, 'order_by': 'product_created_at', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.newest'|trans }}</a>
  49.                                         <a class="item" href="{{ path(route, {'code': country.code, 'order_by': 'product_created_at', 'sort': 'asc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.oldest'|trans }}</a>
  50.                                         <a class="item" href="{{ path(route, {'code': country.code, 'order_by': 'price', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.most_expensive'|trans }}</a>
  51.                                         <a class="item" href="{{ path(route, {'code': country.code, 'order_by': 'price', 'sort': 'asc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.cheapest'|trans }}</a>
  52.                                     </div>
  53.                                 </div>
  54.                             </div>
  56.                             {% set queryParameters = app.request.query.all|unset_elements(['limit', 'page']) %}
  58.                             <div class="ui compact menu">
  59.                                 <div class="ui simple dropdown item">
  60.                                     <span>{{ 'bitbag_sylius_elasticsearch_plugin.ui.per_page'|trans }}</span>
  61.                                     <i class="dropdown icon"></i>
  62.                                     <div class="menu">
  63.                                         {% for limit in bitbag_es_pagination_available_page_limits %}
  64.                                             <a class="item" href="{{ path('open_marketplace_shop_country_page', {'code': country.code, 'limit': limit}|merge(queryParameters)) }}">{{ limit }}</a>
  65.                                         {% endfor %}
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  70.                         </div>
  71.                         <div class="eleven wide column">
  72.                             <div class="ui search" id="products-search">
  73.                                 <div class="ui fluid large left icon input">
  74.                                     {{ form_widget(form.name, {'attr': {'placeholder': 'sylius.ui.search', 'class': 'prompt'}}) }}
  75.                                     <i class="search icon"></i>
  76.                                 </div>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  82.                 {% if products|length > 0 %}
  83.                     <div class="category-products-grid" id="products">
  84.                         {% for product in products %}
  85.                             <div class="column">
  86.                                 {% include '@SyliusShop/Product/_box.html.twig' %}
  87.                             </div>
  88.                         {% endfor %}
  89.                     </div>
  90.                     <div class="ui hidden divider"></div>
  92.                     {{ pagination.simple(products) }}
  93.                 {% else %}
  94.                     {{ messages.info('sylius.ui.no_results_to_display') }}
  95.                 {% endif %}
  96.             </div>
  97.         </div>
  98.         <button type="submit" style="display: none">
  99.             <i class="search icon"></i>
  100.             {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter'|trans }}
  101.         </button>
  102.         {{ form_end(form, {'render_rest': false}) }}
  103.     <div class="ui clearing hidden divider"></div>
  104. {% endblock %}