themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Homepage/_aboutUs.html.twig line 1

Open in your IDE?
  1. {% import '@SyliusShop/Common/Macro/sectionHeaders.html.twig' as headers %}
  2. {% set block_brand_index = app_get_blocks('our_brand_index', sylius.channel.code )  %}
  4. {% set brands = app_get_all_brands() %}
  5. <section class="bloc-about px-2 pt-lg-5 pt-4 mt-md-0 mt-3">
  6.     <div class="max-container-2 px-0">
  7.         <div class="row   pt-md-5  no-gutters mx-md-0 mx-n2">
  8.             
  9.             
  10.             {% set media_ourvision = app_get_media_image_by_code('media_our_vision', sylius.localeCode, sylius.channel.code) %}
  11.             {% if media_ourvision is not null %}
  12.                 <div class="col-12 col-md-6 order-md-3 mt-md-0 mt-3   px-0">
  13.                     <div class="h-100 object-fit-img  wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s">
  14.                         {% if media_ourvision.path is not null %}
  15.                             <img src="{{ media_ourvision.path }}"  alt="{{ media_ourvision.name }}"/>
  16.                         {% else %}
  17.                             <img src="{{ asset('images/about_img2.jpg')}}" alt=""  />
  18.                         {% endif %}
  19.                     </div>
  20.                 </div>
  21.                 <div class="col-12 col-md-6 order-md-4 px-lg-0 px-md-2 px-3 mt-md-0 mt-md-5">
  22.                     <div class="text-left pt-3 pt-md-4 pb-0 d-md-flex align-items-center h-100 pl-lg-5 pl-md-3 flex-column">
  23.                         <div class="pl-md-3 pt-lg-4 pt-md-3">
  24.                             <h3 class="title-medium color-blue-s title-small-mobile">{{ media_ourvision.name }}</h3>
  25.                             <div class="pt-2  expand-me-mobile  fontsize-mobile-text  text-grey font-seize">
  26.                                 {{ media_ourvision.content|raw }}
  27.                             </div>
  28.                         </div>
  29.                         {% if block_brand_index is defined %}
  30.                         <div class="pt-md-4 pt-3 pl-md-3">
  31.                             <h3 class="title-medium color-blue-s title-small-mobile">{{'app.common.our_brand'|trans}}</h3>
  32.                             <div class="pt-2  expand-me-mobile  fontsize-mobile-text  text-grey font-seize">
  33.                                  {{ block_brand_index.content|raw }}
  34.                             </div>
  35.                         </div>
  36.                         {% endif %}
  37.                     </div>
  38.                 </div>
  39.             {% endif %}
  40.             
  41.         </div>
  42.         
  43.          {% if brands|length > 0 %}
  44.         <div class="pt-md-4 pb-md-2 text-center has-border-bottom mx-md-0 mx-n2">
  45.             <div class="row mx-md-n3 mx-n2 align-items-center justify-content-center  wow fadeInDown px-md-0 px-3" data-wow-duration="0.8s" data-wow-delay="0.2s">
  46.                 {% set brand_count = 0 %} 
  47.                 {% for brand in brands %}
  48.                     {% set brand_count = brand_count + 1 %} 
  49.                     {% if brand_count < 6  %}
  50.                         {% if brand.images|first != false %}
  51.                         {% set path =  brand.images|first.path|imagine_filter(filter|default('app_shop_brand')) %} 
  52.                         
  53.                         <div class="col-md col-4 mb-md-0 mb-md-3 mb-2 py-2 px-md-3 px-2">
  54.                             <a href="{{ path('app_shop_brand_product_index', {'code' : brand.code}) }}" title="{{ brand.name}}"><img src="{{ path }}" alt="{{ brand.name}}"/></a>
  55.                         </div>
  56.                         {% endif %}
  57.                     {% endif %}
  58.                  {% endfor %}
  59.             </div>
  60.         </div>
  61.         {% endif %}
  62.     </div>
  63. </section>