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

Open in your IDE?
  1. <div id="leistungen" class="anchor"></div>
  2. <section class="teaser-container">
  3.     <div class="headline flex center">
  4.         {% if editmode %}
  5.             <h2>{{ pimcore_input('headline',{'placeholder':'Unsere Leistungen'}) }}</h2>
  6.         {% elseif not editmode and not pimcore_input('headline').isEmpty() %}
  7.             <h2>{{ pimcore_input('headline').getData() }}</h2>
  8.         {% endif %}
  9.     </div>
  10.     {% if editmode %}
  11.         {{ pimcore_relations("Teaser", {
  12.             "types": ["object"],
  13.             "title": "Teaser Objekte ablegen",
  14.             "subtypes": {
  15.                 "object": ["object"]
  16.             },
  17.             "classes": ["Teaser"]
  18.         }) }}
  19.     {% elseif not editmode and not pimcore_relations("Teaser").isEmpty() %}
  20.         <div class="teaser-row flex">
  21.             {% for teaser in pimcore_relations("Teaser") %}
  22.                 <div class="teaser">
  23.                     <div class="anchor-teaser"></div>
  24.                     {% if teaser.colorLeft and teaser.colorRight %}
  25.                         <div class="gradient" style="background: linear-gradient(45deg, rgba({{ teaser.colorLeft }},90%) 0%, rgba({{ teaser.colorRight }},90%) 100%);"></div>
  26.                     {% endif %}
  27.                     <h3>{{ teaser.title }}</h3>
  28.                     {% if teaser.text %}
  29.                         <p class="inner-text">{{ teaser.text | raw | nl2br }}</p>
  30.                     {% endif %}
  31.                     {% if teaser.snippet %}
  32.                         <a href="{{ teaser.snippet }}" class="btn btn-primary teaser-button">{% if teaser.btnText %}{{ teaser.btnText }}{% else %}Referenzen{% endif %}</a>
  33.                     {% endif %}
  34.                     {{ teaser.getImage().thumbnail('Teaser').html({'alt': teaser.title, 'title': teaser.title}) | raw }}
  35.                     {% if teaser.text %}
  36.                         <div class="teaser-text" {#  style="background: linear-gradient(45deg, rgba({{ teaser.colorLeft }},90%) 0%, rgba({{ teaser.colorRight }},90%) 100%);"#}>
  37.                             <p class="p-text">{{ teaser.text | raw | nl2br }}</p>
  38.                             {% if teaser.snippet %}
  39.                                 <a href="{{ teaser.snippet }}" class="btn btn-primary teaser-button">{% if teaser.btnText %}{{ teaser.btnText }}{% else %}Referenzen{% endif %}</a>
  40.                             {% endif %}
  41.                         </div>
  42.                     {% endif %}
  43.                 </div>
  44.             {% endfor %}
  45.         </div>
  46.     {% endif %}
  47. </section>