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 %}
  7. {% set hasFullSupplierInfo = vendor.organization ? isFullSupplierInfo(vendor.organization) : false %}
  9. {% block content %}
  10.     <div class="ui clearing hidden divider"></div>
  11.     {% if is_mobile() %}
  12.         {% set vendor_banner_width = 330 %}
  13.         {% set vendor_banner_height = 550 %}
  14.     {% else %}
  15.         {% set vendor_banner_width = 1136 %}
  16.         {% set vendor_banner_height = 300 %}
  17.     {% endif %}
  18.     <div class="ui stackable grid vendor__view">
  19.         <div class="sixteen wide column vendor-banner">
  20.             {% if hasFullSupplierInfo and vendor.getBackgroundImage is not null %}
  21.                 <img id="vendor_banner"
  22.                      src="{{ aws_s3_base_url ~ '/media/cache/hyfindr_original/' ~ vendor.getBackgroundImage.path }}"
  23.                      alt="{{ vendor.companyName }} banner"
  24.                      width="{{ vendor_banner_width }}" height="{{ vendor_banner_height }}"
  25.                 >
  26.             {% endif %}
  27.             <h1 class="ui monster section dividing header">
  28.                 <div class="vendor-products--vendor-name{% if not hasOwner and vendor.organization %} has-takeover-btn{% endif %}">
  29.                     {% if hasFullSupplierInfo and vendor.getImage is not null %}
  30.                         <div class="vendor-logo">
  31.                             <img id="vendor_logo"
  32.                                  src="{{ aws_s3_base_url ~ '/media/cache/hyfindr_original/' ~ vendor.getImage.path }}"
  33.                                  alt="{{ vendor.companyName }} logo"
  34.                                  width="70" height="70"
  35.                             >
  36.                         </div>
  37.                     {% endif %}
  38.                     <div class="text-4xl">
  39.                         {{ vendor.companyName }}
  40.                         {% if hasFullSupplierInfo %}
  41.                             <div class="vendor-icons">
  42.                                 {% include '@SyliusShop/Product/_vendorBadgeIcons.html.twig' %}
  43.                             </div>
  44.                         {% endif %}
  45.                     </div>
  46.                     {% if not hasOwner and vendor.organization %}
  47.                         <a href="{{ path('bitbag_organization_shop_user_request_join_or_claim', {'uuid': vendor.organization.uuid}) }}" class="hyfindr btn btn--primary take-over-button">
  48.                             <i class="user plus icon"></i>
  49.                             {{ 'app.ui.take_over_account'|trans }}
  50.                         </a>
  51.                     {% endif %}
  52.                 </div>
  53.                 {% set isBot = app.request.attributes.get('is_bot') %}
  54.                 {% set vendorAddress = vendor.vendorAddress %}
  55.                 {% if vendorAddress and not isBot %}
  56.                     <div class="text-lg font-normal text-left vendor-address">
  57.                         {{ vendorAddress.street }}, {{ vendorAddress.postalCode }} {{ vendorAddress.city }}, {{ vendorAddress.country }}
  58.                     </div>
  59.                 {% endif %}
  60.                 {% if vendor.termsOfService %}
  61.                 <div class="text-sm font-normal text-left">
  62.                     <a href="{{ vendor.termsOfService }}" target="_blank" class="vendors-terms">{{ 'app.ui.terms_and_conditions' | trans }}</a>
  63.                 </div>
  64.                 {% endif %}
  65.                 <div class="vendor-products--vendor-description text-lg font-normal text-left expandable-content-container">
  66.                     {% if not vendor.translation.isReviewed and app.request.locale not in ['en', 'de'] %}
  67.                         <a class="ui ribbon label ai-label">{{ 'app.ui.brands_page.ai_generated' | trans }}</a>
  68.                     {% endif %}
  69.                     <span class="expandable-content">{{ vendor.description | raw }}</span>
  70.                 </div>
  71.             </h1>
  72.         </div>
  73.     </div>
  75.         {{ form_start(form, {'method': 'GET', 'attr': {'class': 'ui loadable form'}}) }}
  77.         {# Mobile Filter Toggle Button #}
  78.         {% include 'bundles/BitBagSyliusElasticsearchPlugin/Shop/Filters/mobileFilters.twig' with {'filterForm': form} %}
  80.         <div class="ui stackable grid">
  81.             <div class="four wide column">
  82.                 {% embed 'bundles/BitBagSyliusElasticsearchPlugin/Shop/Filters/filters.twig' with {
  83.                     'filterForm': form,
  84.                     'resetUrl': path('open_marketplace_shop_vendor_page_index', {'vendor_slug': vendor.slug})
  85.                 } %}
  86.                     {% block formContent %}
  87.                         {{ form_row(form.filters) }}
  88.                     {% endblock %}
  89.                 {% endembed %}
  90.             </div>
  91.             <div class="twelve wide column">
  92.                 {% if products|length > 0 %}
  93.                     <div class="category-products-grid store-page" id="products">
  94.                         {% for product in products %}
  95.                             <div class="column">
  96.                                 {% include '@SyliusShop/Product/_box.html.twig' %}
  97.                             </div>
  98.                         {% endfor %}
  99.                     </div>
  100.                     <div class="ui hidden divider"></div>
  102.                     {{ pagination.simple(products) }}
  103.                 {% else %}
  104.                     {{ messages.info('sylius.ui.no_results_to_display') }}
  105.                 {% endif %}
  106.             </div>
  107.         </div>
  108.         <button type="submit" style="display: none">
  109.             <i class="search icon"></i>
  110.             {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter'|trans }}
  111.         </button>
  112.         {{ form_end(form, {'render_rest': false}) }}
  114.     <div class="ui clearing hidden divider"></div>
  116.     <script>
  117.         window.translations = {
  118.             readMore: "{{ 'app.ui.read_more'|trans|lower }}",
  119.             readLess: "{{ 'app.ui.read_less'|trans|lower }}"
  120.         };
  121.     </script>
  122. {% endblock %}