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

Open in your IDE?
  1. {% set headlineTag = pimcore_select('headline1', {
  2.     'store': [
  3.         ['none', 'none'],
  4.         ['h1', 'H1'],
  5.         ['h2', 'H2'],
  6.         ['h3', 'H3'],
  7.         ['h4', 'H4'],
  8.         ['h5', 'H5'],
  9.         ['h6', 'H6'],
  10.     ],
  11.     'defaultValue': '',
  12.     'reload': true,
  13. }) %}
  15. {% if headlineTag.isEmpty() %}
  16.     {% do headlineTag.setDataFromResource('h2') %}
  17. {% endif %}
  19. {% set headline1 = headlineTag.data != 'none' ? headlineTag.data|raw : 'span'|raw %}
  20. {% set headline2 = headlineTag.data != 'none' ? '</' ~ headlineTag.data|raw ~ '>' : '</span>'|raw %}
  23. {% if editmode %}
  24.     <div class="edit-box">
  25.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  26.         <div class="flex gap-20">
  27.             <div class="content flex column gap-20">
  28.                 <div class="content-box flex gap-20">
  29.                     <div class="item">
  30.                         <p class="edit-p">Abstand nach <strong>oben</strong> wählen:</p>
  31.                         {{ pimcore_select("MarginTop", {
  32.                             "reload": true,
  33.                             "store": [
  34.                                 ["regularMT", "Normal"],
  35.                                 ["halfMT", "1/2"],
  36.                                 ["smallMT", "1/4"],
  37.                                 ["zeroMT", "kein Abstand"],
  38.                             ],
  39.                             "defaultValue" : "zeroMT"
  40.                         }) }}
  41.                     </div>
  43.                     <div class="item">
  44.                         <p class="edit-p">Abstand nach <strong>unten</strong> wählen:</p>
  45.                         {{ pimcore_select("MarginBottom", {
  46.                             "reload": true,
  47.                             "store": [
  48.                                 ["regular", "Normal"],
  49.                                 ["half", "1/2"],
  50.                                 ["small", "1/4"],
  51.                                 ["zero", "kein Abstand"],
  52.                             ],
  53.                             "defaultValue" : "regular"
  54.                         }) }}
  55.                     </div>
  57.                     <div class="item">
  58.                         <p class="edit-p">Titel-Typ definieren:</p>
  59.                         {{ headlineTag|raw }}
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  65. {% endif %}
  66. <section class="headline-text {{ pimcore_select('MarginTop').getData() }} {{ pimcore_select('MarginBottom').getData() }}">
  67.     <div class="container">
  69.     
  70.         {% if editmode %}
  71.             <h1 class="hero-lead">{{ pimcore_textarea("headline_h1",{
  72.                     "nl2br": true,
  73.                     "height": 200,
  74.                     "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  75.                 }) }}
  76.             </h1>
  77.         {% elseif not editmode and not pimcore_textarea('headline_h1').isEmpty() %}
  78.             <{{headline1|raw}} class="hero-lead"> 
  79.                 {{ pimcore_textarea('headline_h1').getData() | nl2br }}
  80.             {{ headline2|raw }}
  81.         {% endif %}
  83.         {% if editmode %}
  84.             <div class="headline-text">
  85.                 {{ pimcore_wysiwyg('headlineText', {
  86.                     height: 300,
  87.                     customConfig: '/assets/js/editmode/config.js'
  88.                 }) }}
  89.             </div>
  90.         {% elseif not pimcore_wysiwyg('headlineText').isEmpty() %}
  91.             <div class="headline-text">
  92.                 {{ pimcore_wysiwyg('headlineText').getData() | raw }}
  93.             </div>
  94.         {% endif %}
  97.         {% if editmode %}
  98.             <div class="content-container">
  99.                 <div class="lauf">
  100.                     {{ pimcore_wysiwyg('Content', {
  101.                         height: 300,
  102.                         customConfig: '/assets/js/editmode/config.js'
  103.                     }) }}
  104.                 </div>
  105.             </div>
  106.         {% elseif not pimcore_wysiwyg('Content').isEmpty() %}
  107.             <div class="content-container">
  108.                 <div class="lauf">
  109.                     {{ pimcore_wysiwyg('Content').getData() | raw }}
  110.                 </div>
  111.             </div>
  112.         {% endif %}
  114.         {% if editmode %}
  115.             <p class="text-link" style="margin-bottom: 0;">
  116.                 {{ pimcore_link("link",{
  117.                     "required": false,
  118.                     "nl2br": true,
  119.                     "height": 30,
  120.                     "class": "button",
  121.                     "placeholder": "Button text"
  122.                 }) }}
  123.             </p>
  124.         {% elseif not editmode and not pimcore_link('link').isEmpty() %}
  125.             <a href="{{ pimcore_link('link').href }}" class="text-link button">
  126.                 <span>{{ pimcore_link('link').getText() }}</span>
  127.                 {{ include('svg/arrow-right.html.twig') }}
  128.             </a>
  129.         {% endif %}
  130.     </div>
  131. </section>