templates/areas/wysiwygheading/12v_12t.html.twig line 1

Open in your IDE?
  1. {% if mode == "editmode" %}
  3.     <div class="my-3 flex flex-wrap overflow-hidden">
  4.         <div class="w-1/2 pr-3 overflow-hidden">
  5.             Video:<br />
  6.             {{ pimcore_video("video") }}
  7.         </div>
  8.         <div class="w-1/2 pl-3 overflow-hidden {{ azz }} list-{{ azzColor }}">
  9.             Text:<br />
  10.             <small><b>Hinweis:</b> Eingefügte Links können mit der Klasse 'morelink' versehen werden.
  11.             Dazu den Link mit rechter Maustaste bearbeiten und bei
  12.             'Erweitert / Formatvorlagenklasse' -> <i>morelink</i> eintragen.
  13.             <br />
  14.             Eingefügte Tabellen werden mit einem Standard-Style versehen. Um eine unformatierte Tabelle
  15.             zu erhalten, auf die Tabellen-Eigenschaften klicken und bei 'Erweitert / Stylesheet Klasse'
  16.             den Wert <i>nocss</i> eintragen.</small>
  17.             {{ pimcore_wysiwyg("text") }}
  19.             {% include 'bullet-points.html.twig' with { 'name': 'bullets', 'description': 'Aufzählungszeichen' } %}
  20.             {% include 'color-selector.html.twig' with { 'name': 'bulletColor', 'description': 'Farbe der Bullets', 'default': 'stwh-rot-2024' } %}
  22.         </div>
  23.     </div>
  24.     <hr />
  26. {% else %}
  28.     <div class="container mx-auto px-5">
  29.         <div class="flex flex-wrap">
  31.             {% set bordy = '' %}
  32.             {% set borderColor = pimcore_select('headline-divider-color').getData() %}
  33.             {% if pimcore_checkbox('hasDivider').isChecked() %}
  34.                 {% set bordy = 'border-b-2 pb-2 border-' ~ borderColor %}
  35.             {% endif %}
  37.             {% if pimcore_textarea("headline") != '' %}
  38.                 {% set seo = pimcore_select("seo").getData() %}
  39.                 <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold {{ bordy }}">
  40.                     {{ pimcore_textarea("headline")|nl2br }}
  41.                 </{{ seo }}>
  42.             {% endif %}
  44.             {% set marg = 'pr-5' %}
  45.             {% if not pimcore_checkbox("txt-vid-reverse").isChecked() %}
  46.                 {% set marg = 'pl-5' %}
  47.                 <div class="md:pr-5 w-full md:w-1/2 mb-5 lg:mx-auto">
  48.                     {% if pimcore_video("video") != '' %}
  49.                         {{ pimcore_video("video") }}
  50.                     {% endif %}
  51.                 </div>
  52.             {% endif %}
  54.             <div class="md:{{ marg }} w-full md:w-1/2 mb-5 lg:mx-auto {{ azz }} list-{{ azzColor }}">
  55.                 {{ pimcore_wysiwyg("text") }}
  56.             </div>
  58.             {% if pimcore_checkbox("txt-vid-reverse").isChecked() %}
  59.                 <div class="md:pl-5 w-full md:w-1/2 mb-5 lg:mx-auto">
  60.                     {% if pimcore_video("video") != '' %}
  61.                         {{ pimcore_video("video") }}
  62.                     {% endif %}
  63.                 </div>
  64.             {% endif %}
  65.         </div>
  66.     </div>
  68. {% endif %}