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

Open in your IDE?
  1. {% set azz = '' %}
  2. {% if pimcore_select("bullets").getData() != '' %}
  3.     {% set azz = pimcore_select("bullets").getData() %}
  4. {% endif %}
  5.   {% set azzColor = pimcore_select("bulletColor").getData() %}
  6.     {% if azzColor is empty %}
  7.         {% set azzColor = 'stwh-rot-2024' %}
  8.     {% endif %}
  10. {% set Lazz = '' %}
  11. {% if pimcore_select("Lbullets").getData() != '' %}
  12.     {% set Lazz = pimcore_select("Lbullets").getData() %}
  13. {% endif %}
  14.  {% set LazzColor = pimcore_select("LbulletColor").getData() %}
  15.     {% if LazzColor is empty %}
  16.         {% set LazzColor = 'stwh-rot-2024' %}
  17.     {% endif %}
  19. {% set Mazz = '' %}
  20. {% if pimcore_select("Mbullets").getData() != '' %}
  21.     {% set Mazz = pimcore_select("Mbullets").getData() %}
  22. {% endif %}
  23.  {% set MazzColor = pimcore_select("MbulletColor").getData() %}
  24.     {% if MazzColor is empty %}
  25.         {% set MazzColor = 'stwh-rot-2024' %}
  26.     {% endif %}
  28. {% set Razz = '' %}
  29. {% if pimcore_select("Rbullets").getData() != '' %}
  30.     {% set Razz = pimcore_select("Rbullets").getData() %}
  31. {% endif %}
  32.   {% set RazzColor = pimcore_select("RbulletColor").getData() %}
  33.     {% if RazzColor is empty %}
  34.         {% set RazzColor = 'stwh-rot-2024' %}
  35.     {% endif %}
  37. {% if editmode %}
  39.     <div class="bg-gray-100 p-5 wysiwyg-heading">
  40.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: WYSIWYG' } %}
  42.         {% include 'padding.html.twig' %}
  44.         <div class="my-3 flex flex-wrap overflow-hidden">
  45.             <div class="w-1/4 overflow-hidden">
  46.                 Darstellung:
  47.             </div>
  48.             <div class="w-3/4 overflow-hidden">
  49.                 {{ pimcore_select("darstellung", {
  50.                     "store": [
  51.                         ["headline", "Nur eine Überschrift"],
  52.                         ["full", "Text über volle Content-Breite"],
  53.                         ["half", "Text über 2 Spalten"],
  54.                         ["three", "Text über 3 Spalten"],
  55.                         ["servicemodal", "Text über 3 Spalten in Services-Modal"],
  56.                         ["halfcenter", "Text über halbe Content-Breite, zentriert"],
  57.                         ["1-2v_1-2t", "Halb Video, halb Text (Content-Breite)"]
  58.                     ],
  59.                     "defaultValue" : "full",
  60.                     "reload" : true,
  61.                     "width" : 400
  62.                 }) }}
  63.             </div>
  64.         </div>
  65.         <hr />
  67.         <div class="my-3 flex flex-wrap overflow-hidden">
  68.             <div class="w-1/2 overflow-hidden">
  69.                 {% include 'color-selector.html.twig' with { 'name': 'color', 'description': 'Hintergrundfarbe' } %}
  70.             </div>
  71.         </div>
  72.         <hr />
  74.         <div class="my-3 flex flex-wrap overflow-hidden">
  75.             <div class="w-1/4 overflow-hidden">
  76.                 Content-Überschrift: (optional)
  77.             </div>
  78.             <div class="w-3/4 overflow-hidden">
  79.                 {{ pimcore_textarea("headline", { "height" : 60 }) }}
  80.             </div>
  81.         </div>
  83.         <div class="my-3 flex flex-wrap overflow-hidden">
  84.             <div class="w-1/4 overflow-hidden">
  85.                 SEO:
  86.             </div>
  87.             <div class="w-1/4 overflow-hidden">
  88.                 {% include 'seo.html.twig' with { 'name': 'seo', 'default' : 'h2' } %}
  89.             </div>
  90.             <div class="w-1/2 overflow-hidden">
  91.                 {% include 'color-selector.html.twig' with { 'name': 'seoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  92.             </div>
  93.         </div>
  94.         <hr />
  96.         {% set auswahl = pimcore_select("darstellung").getData() %}
  98.         <div class="my-3 flex flex-wrap overflow-hidden">
  99.             <div class="w-1/4 overflow-hidden">
  100.                 Soll die Content-Überschrift unterstrichen werden?
  101.             </div>
  102.             <div class="w-1/4 overflow-hidden">
  103.                 {{ pimcore_checkbox("hasDivider") }} JA
  104.             </div>
  105.             <div class="w-1/2 overflow-hidden">
  106.                 {% include 'color-selector.html.twig' with { 'name': 'headline-divider-color', 'description': 'Farbe vom Unterstrich', 'default': 'stwh-rot-2024' } %}
  107.             </div>
  108.             {% if auswahl == 'half'  or auswahl == '1-2v_1-2t' %}
  109.                 <div class="w-1/4 overflow-hidden">
  110.                     Text und Bild/Video vertauschen?
  111.                 </div>
  112.                 <div class="w-1/4 overflow-hidden">
  113.                     {{ pimcore_checkbox("txt-vid-reverse") }} JA
  114.                 </div>
  115.             {% endif %}
  116.         </div>
  117.         <hr />
  119.         {# ----- Text über volle Content-Breite ODER halbe Breite zentriert----- #}
  120.         {% if auswahl == 'full' %}
  121.             {% include 'areas/wysiwygheading/full.html.twig' with { 'mode': 'editmode' } %}
  122.         {% endif %}
  124.         {% if auswahl == 'halfcenter' %}
  125.             {% include 'areas/wysiwygheading/halfcenter.html.twig' with { 'mode': 'editmode' } %}
  126.         {% endif %}
  129.         {# ----- Text über 2 oder 3 Spalten ----- #}
  130.         {% if auswahl == 'half' or auswahl == 'three' %}
  131.             {% include 'areas/wysiwygheading/half_three.html.twig' with { 'mode': 'editmode', 'auswahl' : auswahl } %}
  132.         {% endif %}
  135.         {# ----- Text über 3 Spalten in Services-Modal ----- #}
  136.         {% if auswahl == 'servicemodal' %}
  137.             {% include 'areas/wysiwygheading/servicemodal.html.twig' with { 'mode': 'editmode', 'auswahl' : auswahl } %}
  138.         {% endif %}
  141.         {# ----- 1/2 Video - 1/2 Text ----- #}
  142.         {% if auswahl == '1-2v_1-2t' %}
  143.             {% include 'areas/wysiwygheading/12v_12t.html.twig' with { 'mode': 'editmode' } %}
  144.         {% endif %}
  145.     </div>
  147.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  149. {% else %}
  151.     {% set sP1 = '' %}
  152.     {% set sP2 = '' %}
  153.     {% set sP3 = '' %}
  154.     {% if pimcore_image("secionPicture").getData() != '' %}
  155.         {% set sP1 = "background-image:url(" %}
  156.         {% set sP2 = pimcore_image("secionPicture").getThumbnail('hero-slide-image') %}
  157.         {% set sP3 = "); background-position:center center;background-size:cover;" %}
  158.     {% endif %}
  160.     <section
  161.         style="{{ sP1 }}{{ sP2 }}{{ sP3 }}"
  162.         class="wysiwyg-heading {{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
  164.         {% set auswahl = pimcore_select("darstellung").getData() %}
  166.         {# ----- Nur eine Überschrift ----- #}
  167.         {% if auswahl == 'headline' %}
  168.             {% include 'areas/wysiwygheading/headline.html.twig' with { 'mode': '' } %}
  169.         {% endif %}
  172.         {# ----- Text über volle Content-Breite ODER halbe Breite zentriert----- #}
  173.         {% if auswahl == 'full' %}
  174.             {% include 'areas/wysiwygheading/full.html.twig' with { 'mode': '' } %}
  175.         {% endif %}
  178.         {% if auswahl == 'halfcenter' %}
  179.             {% include 'areas/wysiwygheading/halfcenter.html.twig' with { 'mode': '' } %}
  180.         {% endif %}
  183.         {# ----- Text über 2 oder 3 Spalten ----- #}
  184.         {% if auswahl == 'half' or auswahl == 'three' %}
  185.             {% include 'areas/wysiwygheading/half_three.html.twig' with { 'mode': '', 'auswahl' : auswahl } %}
  186.         {% endif %}
  189.         {# ----- Text über 3 Spalten in Services-Modal ----- #}
  190.         {% if auswahl == 'servicemodal' %}
  191.             {% include 'areas/wysiwygheading/servicemodal.html.twig' with { 'mode': '', 'auswahl' : auswahl } %}
  192.         {% endif %}
  195.         {# ----- 1/2 Video - 1/2 Text ----- #}
  196.         {% if auswahl == '1-2v_1-2t' %}
  197.             {% include 'areas/wysiwygheading/12v_12t.html.twig' with { 'mode': '' } %}
  198.         {% endif %}
  200.     </section>
  202. {% endif %}