templates/areas/wysiwygheading/halfcenter.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-3/12 overflow-hidden"></div>
  5.         <div class="w-6/12 overflow-hidden {{ azz }} list-{{ azzColor }}">
  6.             Text:<br />
  7.             <small><b>Hinweis:</b> Eingefügte Links können mit der Klasse 'morelink' versehen werden.
  8.         Dazu den Link mit rechter Maustaste bearbeiten und bei
  9.         'Erweitert / Formatvorlagenklasse' -> <i>morelink</i> eintragen.
  10.         <br />
  11.         Eingefügte Tabellen werden mit einem Standard-Style versehen. Um eine unformatierte Tabelle
  12.         zu erhalten, auf die Tabellen-Eigenschaften klicken und bei 'Erweitert / Stylesheet Klasse'
  13.         den Wert <i>nocss</i> eintragen.</small>
  14.             {{ pimcore_wysiwyg("text") }}
  15.         </div>
  16.         <div class="w-3/12 overflow-hidden"></div>
  17.         <div class="w-3/12 overflow-hidden"></div>
  18.         <div class="w-6/12 overflow-hidden">
  19.             {% include 'bullet-points.html.twig' with { 'name': 'bullets', 'description': 'Aufzählungszeichen' } %}
  20.         </div><div class="w-6/12 overflow-hidden">
  21.             {% include 'color-selector.html.twig' with { 'name': 'bulletColor', 'description': 'Farbe der Bullets', 'default': 'stwh-rot-2024' } %}
  22.         </div>
  23.         <div class="w-3/12 overflow-hidden"></div>
  24.     </div>
  25.     <hr />
  27.     <div class="my-3 flex flex-wrap overflow-hidden">
  28.         <div class="w-1/4 overflow-hidden">
  29.             Button-Link (optional):
  30.         </div>
  31.         <div class="w-1/4 overflow-hidden">
  32.             {{ pimcore_link("buttonlink") }}
  33.         </div>
  34.         <div class="w-2/4 overflow-hidden">
  35.             {% include 'color-selector.html.twig' with { 'name': 'buttoncolor', 'description': 'Button-Farbe', 'type': 'button' } %}
  36.         </div>
  37.     </div>
  38.     <hr />
  40. {% else %}
  42.     <div class="container mx-auto px-5">
  43.         <div class="flex flex-wrap">
  45.             {% set bordy = '' %}
  46.             {% set borderColor = pimcore_select('headline-divider-color').getData() %}
  47.             {% if pimcore_checkbox('hasDivider').isChecked() %}
  48.                 {% set bordy = 'border-b-2 pb-2 border-' ~ borderColor %}
  49.             {% endif %}
  51.             <div class="hidden md:3/12"></div>
  52.             <div class="w-full md:w-6/12 lg:mx-auto">
  53.                 {% if pimcore_textarea("headline") != '' %}
  54.                     {% set seo = pimcore_select("seo").getData() %}
  55.                     <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold {{ bordy }}">
  56.                         {{ pimcore_textarea("headline")|nl2br }}
  57.                     </{{ seo }}>
  58.                 {% endif %}
  60.                 <div class="text-lg {{ azz }} list-{{ azzColor }}">
  61.                     {{ pimcore_wysiwyg("text") }}
  62.                 </div>
  64.                 {% if pimcore_link("buttonlink") != '' %}
  65.                     {% include 'widgets/button.html.twig' with { name: 'buttonlink', backColor: pimcore_select('buttoncolor').getData() } %}
  66.                 {% endif %}
  67.             </div>
  68.             <div class="hidden md:3/12"></div>
  69.         </div>
  70.     </div>
  72. {% endif %}