templates/Context/Vendor/VendorPage/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.     <div class="ui clearing hidden divider"></div>
  10.     <div class="ui stackable grid">
  11.         <div class="sixteen wide column vendor-banner">
  12.             {% if vendor.getBackgroundImage is not null %}
  13.                 <img id="vendor_banner" src="{{ '/media/cache/resolve/open_marketplace_vendor_background/' ~ vendor.getBackgroundImage.path }}" alt="image broken">
  14.             {% endif %}
  15.             <h1 class="ui monster section dividing header">
  16.                 <div class="vendor-products--vendor-name">
  17.                     {% if vendor.getImage is not null %}
  18.                         <div class="vendor-logo">
  19.                             <img id="vendor_logo" src="{{ '/media/image/' ~ vendor.getImage.path }}" alt="{{ vendor.getImage.owner.companyName }} logo">
  20.                         </div>
  21.                     {% endif %}
  22.                     <div class="text-4xl">
  23.                         {{ vendor.companyName }}
  24.                     </div>
  25.                 </div>
  26.                 <div class="vendor-products--vendor-description text-lg font-normal text-left">{{ vendor.description |raw }}</div>
  27.             </h1>
  28.         </div>
  29.     </div>
  31.         {{ form_start(form, {'method': 'GET', 'attr': {'class': 'ui loadable form'}}) }}
  32.         <div class="ui stackable grid">
  33.             <div class="four wide column">
  34.                 <div id="filters-vertical" class="ui fluid vertical menu product-filters">
  35.                     <div class="ui accordion filters-accordion">
  36.                         <div class="title">
  37.                             <div class="header item">
  38.                                 {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter_results'|trans }}
  39.                                 <i class="dropdown icon"></i>
  40.                             </div>
  41.                         </div>
  42.                         <div class="content">
  43.                             <div class="item">
  44.                                 {{ form_row(form.filters) }}
  45.                             </div>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.             <div class="twelve wide column">
  51.                 <div class="ui segment">
  52.                     <div class="ui stackable grid">
  53.                         <div class="five wide column">
  55.                             {% set route = 'open_marketplace_shop_vendor_page_index' %}
  56.                             {% set queryParameters = app.request.query.all|unset_elements(['order_by', 'sort', 'page']) %}
  58.                             <div class="ui compact menu">
  59.                                 <div class="ui simple dropdown item">
  60.                                     {{ 'bitbag_sylius_elasticsearch_plugin.ui.sort'|trans }}
  61.                                     <i class="dropdown icon"></i>
  62.                                     <div class="menu">
  63.                                         <a class="item" href="{{ path(route, {'vendor_slug': vendor.slug, 'order_by': 'sold_units', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.bestsellers'|trans }}</a>
  64.                                         <a class="item" href="{{ path(route, {'vendor_slug': vendor.slug, 'order_by': 'product_created_at', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.newest'|trans }}</a>
  65.                                         <a class="item" href="{{ path(route, {'vendor_slug': vendor.slug, 'order_by': 'product_created_at', 'sort': 'asc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.oldest'|trans }}</a>
  66.                                         <a class="item" href="{{ path(route, {'vendor_slug': vendor.slug, 'order_by': 'price', 'sort': 'desc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.most_expensive'|trans }}</a>
  67.                                         <a class="item" href="{{ path(route, {'vendor_slug': vendor.slug, 'order_by': 'price', 'sort': 'asc'}|merge(queryParameters)) }}">{{ 'bitbag_sylius_elasticsearch_plugin.ui.cheapest'|trans }}</a>
  68.                                     </div>
  69.                                 </div>
  70.                             </div>
  72.                             {% set queryParameters = app.request.query.all|unset_elements(['limit', 'page']) %}
  74.                             <div class="ui compact menu">
  75.                                 <div class="ui simple dropdown item">
  76.                                     <span>{{ 'bitbag_sylius_elasticsearch_plugin.ui.per_page'|trans }}</span>
  77.                                     <i class="dropdown icon"></i>
  78.                                     <div class="menu">
  79.                                         {% for limit in bitbag_es_pagination_available_page_limits %}
  80.                                             <a class="item" href="{{ path('open_marketplace_shop_vendor_page_index', {'vendor_slug': vendor.slug, 'limit': limit}|merge(queryParameters)) }}">{{ limit }}</a>
  81.                                         {% endfor %}
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  86.                         </div>
  87.                         <div class="eleven wide column">
  88.                             <div class="ui search" id="products-search">
  89.                                 <div class="ui fluid large left icon input">
  90.                                     {{ form_widget(form.name, {'attr': {'placeholder': 'sylius.ui.search', 'class': 'prompt'}}) }}
  91.                                     <i class="search icon"></i>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  98.                 {% if products|length > 0 %}
  99.                     <div class="category-products-grid" id="products">
  100.                         {% for product in products %}
  101.                             <div class="column">
  102.                                 {% include '@SyliusShop/Product/_box.html.twig' %}
  103.                             </div>
  104.                         {% endfor %}
  105.                     </div>
  106.                     <div class="ui hidden divider"></div>
  108.                     {{ pagination.simple(products) }}
  109.                 {% else %}
  110.                     {{ messages.info('sylius.ui.no_results_to_display') }}
  111.                 {% endif %}
  112.             </div>
  113.         </div>
  114.         <button type="submit" style="display: none">
  115.             <i class="search icon"></i>
  116.             {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter'|trans }}
  117.         </button>
  118.         {{ form_end(form, {'render_rest': false}) }}
  120.     <div class="ui clearing hidden divider"></div>
  121. {% endblock %}