templates/areas/downloads/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">
  5.             <div class="content flex column gap-20">
  6.                 <div class="content-box flex gap-20">
  7.                     <div class="item">
  8.                         <p class="edit-p">Abstand nach unten wählen:</p>
  9.                         {{ pimcore_select("MarginBottom", {
  10.                             "reload": true,
  11.                             "store": [
  12.                                 ["regular", "Normal"],
  13.                                 ["half", "1/2"],
  14.                                 ["small", "1/4"],
  15.                                 ["zero", "kein Abstand"],
  16.                             ],
  17.                             "defaultValue" : "regular"
  18.                         }) }}
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24. {% endif %}
  25. <section class="downloads {{ pimcore_select('MarginBottom').getData() }}">
  26.     <div class="container">
  27.         {% if editmode %}
  28.         <h2 class="headline">{{ pimcore_textarea("headline",{
  29.                     "nl2br": true,
  30.                     "height": 100,
  31.                     "class": "h2 .headline",
  32.                     "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  33.                 }) }}
  34.             </h2>
  35.         {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  36.             <h2 class="headline">{{ pimcore_textarea('headline').getData() | nl2br }}</h2>
  37.         {% endif %}
  39.         {% if editmode %}
  40.             <p class="intro" style="margin-bottom: 20px;">
  41.                 {{ pimcore_textarea("intro",{
  42.                     "nl2br": true,
  43.                     "height": 50,
  44.                     "class":"intro",
  45.                     "placeholder": "Laden Sie Ihre Aushubdeklaration oder unsere Preisliste ganz einfach als Download herunter!"
  46.                 }) }}
  47.             </p>
  48.         {% elseif not editmode and not pimcore_textarea('intro').isEmpty() %}
  49.             <div class="lauf">
  50.                 <p class="intro">{{ pimcore_textarea('intro').getData() | nl2br }}</p>
  51.             </div>
  52.         {% endif %}
  54.         {% if editmode %}
  55.             <div style="height: 20px;"></div>
  56.             {{ pimcore_relations("downloadTeaser", {
  57.                 "title": "Download Objekte ablegen",
  58.                 "types": ["object"],
  59.                 "subtypes": {
  60.                     "object": ["object"]
  61.                 },
  62.                 "classes": ["Download"]
  63.             }) }}
  64.         {% else %}
  65.         <div class="downloads-teaser flex">
  66.             {% for teaser in pimcore_relations("downloadTeaser")%}
  67.             <div class="teaser flex space-between">
  68.                 <div class="images-container">
  69.                     <a href="{% if teaser.getPdf() %}{{ teaser.getPdf() }}{% else %}/assets/pdf/preisliste_stoeckli_2021_web.pdf{% endif %}" target="_blank" class="flex link" title="Download: {{ teaser.title }}">
  70.                         <img class="file" src="{{ asset('/assets/images/asset.svg') }}" alt="download" width="31" height="41">
  71.                         <img class="sign" src="{{ asset('/assets/images/download-sign.svg') }}" alt="download" width="31" height="41">
  72.                         <p class="label">{{ teaser.title }}</p>
  73.                     </a>
  74.                 </div>
  75.                 <a href="{% if teaser.getPdf() %}{{ teaser.getPdf() }}{% else %}/assets/pdf/preisliste_stoeckli_2021_web.pdf{% endif %}" target="_blank" class="download-link flex center" title="Download: {{ teaser.title }}">
  76.                     <img src="{{ asset('assets/images/arrows/redArrow.svg') }}" alt="download" width="20" height="24">
  77.                 </a>
  78.             </div>
  79.             {% endfor %}
  80.         </div>
  81.         {% endif %}
  82.     </div>
  83. </section>