templates/areas/more_services/view.html.twig line 1

Open in your IDE?
  1. {% set more_services = pimcore_relations('more_services').getElements()|default([]) %}
  2. <div class="toolbox-element toolbox-container {{ additionalClassesData|join(' ') }}">
  3.     <div class="overflow-hidden">
  4.         <div class="relative mx-auto px-4 sm:px-6 lg:px-8{% if not editmode %} max-w-md sm:max-w-3xl lg:max-w-7xl{% endif %}">
  5.             <div>
  6.                 <h3 class="text-center text-white text-4xl tracking-tight sm:text-4xl">
  7.                     <span class="my-8 block text-left {% if not editmode %} max-w-max{% endif %}">
  8.                         {{ pimcore_input("headline") }}
  9.                     </span>
  10.                 </h3>
  11.             </div>
  13.             <div class="{% if (more_services|length ) < 4 %}grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3{% else %}service-slider swiper overflow-visible">
  14.                 <div class="swiper-wrapper{% endif %}">
  15.                 {% for service in more_services %}
  16.                     {% if(loop.index  is even) %}{% set color = "rs-red"  %}{% else %}{% set color = "white"  %}{% endif %}
  17.                     <div class="swiper-slide h-[41rem] max-w-[25rem] relative border-8 mb-4 border-{{ color }}">
  18.                         {% if service.teaserImg|length  %}
  19.                             <img class="absolute top-0 left-0 w-full h-[40rem] object-cover" src="{{ service.teaserImg.getThumbnail('jumpstartImage') }}" />
  20.                         {% endif %}
  21.                         <div class="relative flex flex-col p-7 w-full h-[40rem] bg-gradient-to-l from-[#66666650] to-[#000000]">
  22.                             <h3 class="py-2 text-2xl tracking-tight text-{{ color }} sm:leading-none lg:mt-2 lg:text-3xl break-words">
  23.                                 <span class="md:block font-bold">{{ service.title|upper }}</span>
  24.                                 <span class="md:block">{{ (service.tags|upper)|replace({"|":", "}) }}</span>
  25.                             </h3>
  26.                             <div class="relative grow">
  27.                                 <p class="text-lg text-white sm:text-m lg:text-m xl:text-l">{{ service.teaserDescription }}</p>
  28.                             </div>
  29.                             <a href="/dienstleistungen/{% if service.url|length %}{{ service.url }}{% else %}sid-{{ service.id }}{% endif %}">
  30.                                 <button class="robotics-button mb-8 mr-auto">
  31.                                     Mehr zu {{ service.title }}
  32.                                 </button>
  33.                             </a>
  34.                         </div>
  35.                     </div>
  36.                 {% endfor %}
  37.                     {% if (more_services|length ) > 3 %}</div>
  38.                 <div id="service-pagination" class="swiper-pagination"></div>{% endif %}
  39.             </div>
  40.         </div>
  41.     </div>
  42. </div>