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

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="edit-box">
  3.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4.         <div class="flex gap-20">
  6.             <div class="content flex column gap-20">
  7.                 <div class="content-box">
  8.                     <div class="item">
  9.                     <p class="edit-p">H1 HEADLINE TEXT:</p>
  10.                     {{ pimcore_input('h1', {'placeholder':'H1 HEADLINE' }) }}
  11.                     </div>
  12.                 </div>
  14.                 <div class="content-box">
  15.                     <div class="item">
  16.                         <p class="edit-p">Anker Text:</p>
  17.                         {{ pimcore_input('anchor',{'placeholder':'Anker Text','width':300}) }}
  18.                     </div>
  19.                 </div>
  20.             </div>
  22.             <div class="content flex column gap-20">
  23.                 <div class="content-box">
  24.                     <p class="edit-p">Bilder für Gallerie ablegen:</p>
  25.                     {{ pimcore_relations("SliderImages", {
  26.                         "title": "Bilder ablegen",
  27.                         "types": ["asset"],
  28.                         "subtypes": {
  29.                             "asset": ["image"]
  30.                         }
  31.                     }) }}
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  36. {% endif %}
  38. <section class="partner headline-text" {% if not pimcore_input('anchor').isEmpty() %}id="{{ pimcore_input('anchor').getData() }}"{% endif %}>
  40.     {% if not pimcore_input('h1').isEmpty() %}
  41.         <h1 class="vertical" id="headline-text-h1">{{ pimcore_input('h1').getData() }}</h1>
  42.     {% endif %}
  43.     <div class="container">
  44.         {% if editmode %}
  45.             <h2>
  46.                 {{ pimcore_textarea("h2",{
  47.                     "nl2br": true,
  48.                     "height": 120,
  49.                     "placeholder": "H2 Headline Text"
  50.                 }) }}
  51.             </h2>
  52.         {% elseif not editmode and not pimcore_textarea("h2").isEmpty() %}
  53.             <h2>{{ pimcore_textarea("h2").getData() | nl2br }}</h2>
  54.         {% endif %}
  56.         <div class="partner-images">
  57.             {% for image in pimcore_relations("SliderImages") %}
  59.                 {% if image.thumbnail('Partner').asset.metadata("link") %}
  60.                     <a href="{{ image.thumbnail('Partner').asset.metadata("link") }}" target="_blank" title="{{ image.thumbnail('Partner').asset.metadata("link") }}">
  61.                 {% endif %}
  63.                 {{ image.thumbnail('Partner').html | raw }}
  65.                 {% if image.thumbnail('Partner').asset.metadata("link") %}
  66.                     </a>
  67.                 {% endif %}
  69.             {% endfor %}
  70.         </div>
  72.     </div>
  73. </section>
  74. {#
  75. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
  76. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
  78. <script>
  79.     gsap.from('#headline-text-h1', {
  80.         scrollTrigger : {
  81.             scrub: true
  82.         },
  83.         x: -90
  84.     })
  85. </script>
  86. #}