templates/areas/call-to-action/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="zitat {{ pimcore_select('MarginBottom').getData() }}">
  27.     <div class="container big">
  28.         {% if not editmode %}
  29.             <div class="zitat-hexagon hexagon as-hex">
  30.                 {{ include('svg/hexagon.html.twig') }}
  31.             </div>
  32.         {% endif %}
  34.         {% if editmode %}
  35.             <p class="zitat-headline">
  36.                 {{ pimcore_textarea("headline",{
  37.                     "required": true,
  38.                     "nl2br": true,
  39.                     "height": 150,
  40.                     "class": "zitat-headline",
  41.                     "placeholder": "Call-to-action Text"
  42.                 }) }}
  43.             </p>
  44.         {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  45.             <p class="zitat-headline">{{ pimcore_textarea('headline').getData() | nl2br }}</p>
  46.         {% endif %}
  48.         {% if editmode %}
  49.             <div class="zitat-link" style="margin-bottom: 0;">
  50.                 {{ pimcore_link("link",{
  51.                     "required": true,
  52.                     "nl2br": true,
  53.                     "height": 30,
  54.                     "class": "button",
  55.                     "placeholder": "Button text"
  56.                 }) }}
  57.             </div>
  58.         {% elseif not editmode and not pimcore_link('link').isEmpty() %}
  59.             <a href="{{ pimcore_link('link').href }}" class="zitat-link button">
  60.                 <span>{{ pimcore_link('link').getText() }}</span>
  61.                 {{ include('svg/arrow-right.html.twig') }}
  62.             </a>
  63.         {% endif %}
  64.     </div>
  65. </section>