templates/areas/logo-brick/view.html.twig line 1

Open in your IDE?
  2. {% embed 'app/area-brick-layout.html.twig' %}
  3.     {% block content %}
  4.         <section class="py-5 md:py-10">
  5.             <div class="container relative">
  6.                 {% set logos = pimcore_block('logos', {reload: true, manual: true}) %}
  7.                 {% do logos.start() %}
  8.                     <div class="{{ editmode ? '' : '!px-5 !-mx-5 sm:!px-0 sm:!mx-auto swiper logo-swiper' }}">
  9.                         <div class="{{ editmode ? 'grid grid-cols-12 gap-8' : 'swiper-wrapper' }}">
  10.                             {% for logo in logos.iterator %}
  11.                                 {% do logos.blockConstruct() %}
  12.                                     <div class=" {{ editmode ? 'col-span-2' : 'swiper-slide bg-gray-200 rounded-md' }} ">
  13.                                         {% do logos.blockStart() %}
  14.                                             {% if editmode %}
  15.                                                 {{ pimcore_image('small-image', {
  16.                                                     thumbnail: 'testimonial-small',
  17.                                                     pictureAttributes: {class: ''},
  18.                                                     imgAttributes: {class: 'h-8 w-auto'},
  19.                                                 }) }}
  21.                                                 {{ pimcore_link('link') }}
  22.                                             {% else %}
  23.                                                 {% if logoClickable is defined and not logoClickable %}
  24.                                                     <div 
  25.                                                         class="flex justify-center items-center h-[60px]"
  26.                                                     >
  27.                                                         {{ pimcore_image('small-image', {
  28.                                                             thumbnail: 'testimonial-small',
  29.                                                             pictureAttributes: {class: ''},
  30.                                                             imgAttributes: {class: 'h-8 w-auto'},
  31.                                                         }) }}
  32.                                                     </div>
  33.                                                 {% else %}
  34.                                                     <a 
  35.                                                         href="{{ pimcore_link('link').getHref() | trimUrl }}"
  36.                                                         class="flex justify-center items-center h-[60px]"
  37.                                                     >
  38.                                                         {{ pimcore_image('small-image', {
  39.                                                             thumbnail: 'testimonial-small',
  40.                                                             pictureAttributes: {class: ''},
  41.                                                             imgAttributes: {class: 'h-8 w-auto'},
  42.                                                         }) }}
  43.                                                     </a>
  44.                                                 {% endif %}
  45.                                             {% endif %}
  46.                                         {% do logos.blockEnd() %}
  47.                                     </div>
  48.                                 {% do logos.blockDestruct() %}
  49.                             {% endfor %}
  50.                         </div>
  51.                         <div class="flex items-center justify-between gap-6 mt-6 lg:justify-end">
  52.                             <div class="flex items-center !w-auto custom-swiper-pagination"></div>
  53.                             <div class="flex gap-2.5 items-center text-blue">
  54.                                 <div class="arrow-swiper-button-prev">
  55.                                     <svg width="24px" height="18px" xmlns="http://www.w3.org/2000/svg"><g id="&gt;-Klimaatbeheersing-v2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" ><g id="coolworld-product-category-vd-375-v02.3" transform="translate(-296 -3452)" fill="currentColor"><g id="Group-4" transform="translate(0 3333)"><g id="components/navigation/mobile/carousel" transform="translate(21 116)"><g id="icons/ui/arrow-line-right-copy" transform="translate(275 3)"><path d="M22.659 7.643H5.095L9.92 2.817A1.328 1.328 0 1 0 8.044.939L.707 8.277a1 1 0 0 0 0 1.414l7.337 7.338a1.328 1.328 0 0 0 1.878-1.878l-4.827-4.826h17.564a1.341 1.341 0 0 0 0-2.682Z" id="arrow-line-left" transform="matrix(1 0 0 -1 0 17.968)"/></g></g></g></g></g></svg>
  56.                                 </div>
  57.                                 <div class="arrow-swiper-button-next">
  58.                                     <svg width="24px" height="18px" xmlns="http://www.w3.org/2000/svg"><g id="&gt;-Klimaatbeheersing-v2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="coolworld-product-category-vd-375-v02.3" transform="translate(-332 -3452)" fill="currentColor"><g id="Group-4" transform="translate(0 3333)"><g id="components/navigation/mobile/carousel" transform="translate(21 116)"><g id="icons/ui/arrow-line-right" transform="translate(311 3)"><path d="M22.659 7.643H5.095L9.92 2.817A1.328 1.328 0 1 0 8.044.939L.707 8.277a1 1 0 0 0 0 1.414l7.337 7.338a1.328 1.328 0 0 0 1.878-1.878l-4.827-4.826h17.564a1.341 1.341 0 0 0 0-2.682Z" id="arrow-line-right" transform="matrix(-1 0 0 1 24 0)"/></g></g></g></g></g></svg>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.                 {% do logos.end() %}
  65.                 {# {% if not editmode %}
  66.                     <div class="logo-swiper-button-prev">
  67.                         <svg class="w-4 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12">
  68.                             <path fill="#0072BB"
  69.                                 fill-rule="evenodd"
  70.                                 d="M15.106 6.883H3.396l3.218 3.218a.885.885 0 1 1-1.252 1.252L.707 6.695a1 1 0 0 1 0-1.414L5.362.626a.885.885 0 1 1 1.252 1.252L3.396 5.095h11.71a.894.894 0 0 1 0 1.788Z" />
  71.                         </svg>
  72.                     </div>
  73.                     <div class="logo-swiper-button-next">
  74.                         <svg class="w-4 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12">
  75.                             <path fill="#0072BB"
  76.                                 fill-rule="evenodd"
  77.                                 d="M.894 5.095h11.71L9.386 1.878A.885.885 0 1 1 10.638.626l4.655 4.656a1 1 0 0 1 0 1.414l-4.655 4.656A.885.885 0 1 1 9.386 10.1l3.218-3.217H.894a.894.894 0 0 1 0-1.788Z"/>
  78.                         </svg>
  79.                     </div>
  80.                 {% endif %} #}
  81.             </div>
  82.         </section>
  83.     {% endblock %}
  84. {% endembed %}