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