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

Open in your IDE?
  1. {% if mode == "editmode" %}
  3.     {% set cols = 'w-1/2' %}
  4.     {% if auswahl == 'three' %}
  5.         {% set cols = 'w-1/3' %}
  6.     {% endif %}
  7.     <div class="my-3 flex flex-wrap overflow-hidden">
  8.         <div class="{{ cols }} overflow-hidden pr-3">
  9.             <div class="flex flex-wrap overflow-hidden">
  10.                 <div class="w-full overflow-hidden">
  11.                     <p>Spalten-Überschrift (optional): {{ pimcore_textarea("Lheadline", { "height" : 60 }) }}</p>
  12.                 </div>
  13.             </div>
  15.             <div class="my-3 flex flex-wrap overflow-hidden">
  16.                 <div class="w-1/4 overflow-hidden">
  17.                     SEO:
  18.                 </div>
  19.                 <div class="w-1/4 overflow-hidden">
  20.                     {% include 'seo.html.twig' with { 'name': 'Lseo', 'default' : 'h3' } %}
  21.                 </div>
  22.                 <div class="w-1/2 overflow-hidden">
  23.                     {% include 'color-selector.html.twig' with { 'name': 'LseoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  24.                 </div>
  25.             </div>
  26.             <hr />
  27.         </div>
  28.         {% if auswahl == 'three' %}
  29.             <div class="{{ cols }} overflow-hidden">
  30.                 <div class="flex flex-wrap overflow-hidden">
  31.                     <div class="w-full overflow-hidden">
  32.                         <p>Spalten-Überschrift (optional): {{ pimcore_textarea("Mheadline", { "height" : 60 }) }}</p>
  33.                     </div>
  34.                 </div>
  35.                 <div class="my-3 flex flex-wrap overflow-hidden">
  36.                     <div class="w-1/4 overflow-hidden">
  37.                         SEO:
  38.                     </div>
  39.                     <div class="w-1/4 overflow-hidden">
  40.                         {% include 'seo.html.twig' with { 'name': 'Mseo', 'default' : 'h3' } %}
  41.                     </div>
  42.                     <div class="w-1/2 overflow-hidden">
  43.                         {% include 'color-selector.html.twig' with { 'name': 'MseoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  44.                     </div>
  45.                 </div>
  46.                 <hr />
  47.             </div>
  48.         {% endif %}
  49.         <div class="{{ cols }} overflow-hidden pl-3">
  50.             <div class="flex flex-wrap overflow-hidden">
  51.                 <div class="w-full overflow-hidden">
  52.                     <p>Spalten-Überschrift (optional): {{ pimcore_textarea("Rheadline", { "height" : 60 }) }}</p>
  53.                 </div>
  54.             </div>
  55.             <div class="my-3 flex flex-wrap overflow-hidden">
  56.                 <div class="w-1/4 overflow-hidden">
  57.                     SEO:
  58.                 </div>
  59.                 <div class="w-1/4 overflow-hidden">
  60.                     {% include 'seo.html.twig' with { 'name': 'Rseo', 'default' : 'h3' } %}
  61.                 </div>
  62.                 <div class="w-1/2 overflow-hidden">
  63.                     {% include 'color-selector.html.twig' with { 'name': 'RseoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  64.                 </div>
  65.             </div>
  66.             <hr />
  67.         </div>
  68.     </div>
  69.     <hr />
  71.     <div class="my-3 flex flex-wrap overflow-hidden">
  72.         <div class="{{ cols }} overflow-hidden pr-3 {{ Lazz }} list-{{ LazzColor }}">
  73.             Text: {{ pimcore_wysiwyg("Ltext", { "height" : 200 }) }}
  74.             {% include 'bullet-points.html.twig' with { 'name': 'Lbullets', 'description': 'Aufzählungszeichen' } %}
  75.             {% include 'color-selector.html.twig' with { 'name': 'LbulletColor', 'description': 'Farbe der Bullets', 'default': 'stwh-rot-2024' } %}
  76.         </div>
  77.         {% if auswahl == 'three' %}
  78.             <div class="{{ cols }} overflow-hidden {{ Mazz }} list-{{ NazzColor }}">
  79.                 Text: {{ pimcore_wysiwyg("Mtext", { "height" : 200 }) }}
  80.                 {% include 'bullet-points.html.twig' with { 'name': 'Mbullets', 'description': 'Aufzählungszeichen' } %}
  81.                 {% include 'color-selector.html.twig' with { 'name': 'MbulletColor', 'description': 'Farbe der Bullets', 'default': 'stwh-rot-2024' } %}
  82.             </div>
  83.         {% endif %}
  84.         <div class="{{ cols }} overflow-hidden pl-3 {{ Razz }} list-{{ RazzColor }}">
  85.             Text: {{ pimcore_wysiwyg("Rtext", { "height" : 200 }) }}
  86.             {% include 'bullet-points.html.twig' with { 'name': 'Rbullets', 'description': 'Aufzählungszeichen' } %}
  87.             {% include 'color-selector.html.twig' with { 'name': 'RbulletColor', 'description': 'Farbe der Bullets', 'default': 'stwh-rot-2024' } %}
  88.         </div>
  89.     </div>
  90.     <hr />
  92.     <div class="my-3 flex flex-wrap overflow-hidden">
  93.         <div class="{{ cols }} overflow-hidden pr-3">
  94.             <div class="w-1/2 overflow-hidden pr-3">
  95.                 Link-Button (optional):
  96.             </div>
  97.             <div class="w-1/2 overflow-hidden">
  98.                 {{ pimcore_link("Llink") }}
  99.             </div>
  100.         </div>
  101.         {% if auswahl == 'three' %}
  102.             <div class="{{ cols }} overflow-hidden">
  103.                 <div class="w-1/2 overflow-hidden pr-3">
  104.                     Link-Button (optional):
  105.                 </div>
  106.                 <div class="w-1/2 overflow-hidden">
  107.                     {{ pimcore_link("Mlink") }}
  108.                 </div>
  109.             </div>
  110.         {% endif %}
  111.         <div class="{{ cols }} overflow-hidden pl-3">
  112.             <div class="w-1/2 overflow-hidden pr-3">
  113.                 Link-Button (optional):
  114.             </div>
  115.             <div class="w-1/2 overflow-hidden">
  116.                 {{ pimcore_link("Rlink") }}
  117.             </div>
  118.         </div>
  119.     </div>
  120.     <hr />
  122.     <div class="my-3 flex flex-wrap overflow-hidden">
  123.         <div class="{{ cols }} overflow-hidden pr-3">
  124.             {% include 'color-selector.html.twig' with { 'name': 'Lbuttoncolor', 'description': 'Button-Farbe', 'type': 'button' } %}
  125.         </div>
  126.         {% if auswahl == 'three' %}
  127.             <div class="{{ cols }} overflow-hidden">
  128.                 {% include 'color-selector.html.twig' with { 'name': 'Mbuttoncolor', 'description': 'Button-Farbe', 'type': 'button' } %}
  129.             </div>
  130.         {% endif %}
  131.         <div class="{{ cols }} overflow-hidden pl-3">
  132.             {% include 'color-selector.html.twig' with { 'name': 'Rbuttoncolor', 'description': 'Button-Farbe', 'type': 'button' } %}
  133.         </div>
  134.     </div>
  135.     <hr />
  137. {% else %}
  139.     <div class="container mx-auto px-5">
  140.         <div class="flex flex-wrap">
  142.             {% set bordy = '' %}
  143.             {% set borderColor = pimcore_select('headline-divider-color').getData() %}
  144.             {% if pimcore_checkbox('hasDivider').isChecked() %}
  145.                 {% set bordy = 'border-b-2 pb-2 border-' ~ borderColor %}
  146.             {% endif %}
  148.             {% set cols = 'w-1/2' %}
  149.             {% if auswahl == 'three' %}
  150.                 {% set cols = 'w-1/3' %}
  151.             {% endif %}
  153.             {% if pimcore_textarea("headline") != '' %}
  154.                 <div class="w-full mb-5 lg:mx-auto">
  155.                     {% set seo = pimcore_select("seo").getData() %}
  156.                     <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold {{ bordy }}">
  157.                         {{ pimcore_textarea("headline")|nl2br }}
  158.                     </{{ seo }}>
  159.                 </div>
  160.             {% endif %}
  162.             <div class="md:pr-3 w-full md:{{ cols }} mb-5 lg:mx-auto">
  163.                 {% if pimcore_wysiwyg("Ltext") != '' %}
  164.                     {% if pimcore_textarea("Lheadline") != '' %}
  165.                         {% set Lseo = pimcore_select("Lseo").getData() %}
  166.                         <{{ Lseo }} class="text-{{ pimcore_select("LseoHeadlineColor").getData() }} mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold">
  167.                             {{ pimcore_textarea("Lheadline")|nl2br }}
  168.                         </{{ Lseo }}>
  169.                     {% endif %}
  170.                     {% if pimcore_wysiwyg("Ltext") != '' %}
  171.                         <div class="text-lg list-{{ Lazz }} list-{{ LazzColor }}">
  172.                             {{ pimcore_wysiwyg("Ltext") }}
  173.                         </div>
  174.                     {% endif %}
  175.                     {% if pimcore_link("Llink") != '' %}
  176.                         {% include 'widgets/button.html.twig' with { name: 'Llink', backColor: pimcore_select('Lbuttoncolor').getData() } %}
  177.                     {% endif %}
  178.                 {% endif %}
  179.             </div>
  181.             {% if auswahl == 'three' %}
  182.                 <div class="md:px-3 w-full md:{{ cols }} mb-5 lg:mx-auto">
  183.                     {% if pimcore_wysiwyg("Mtext") != '' %}
  184.                         {% if pimcore_textarea("Mheadline") != '' %}
  185.                             {% set Mseo = pimcore_select("Mseo").getData() %}
  186.                             <{{ Mseo }} class="text-{{ pimcore_select("MseoHeadlineColor").getData() }} mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold">
  187.                                 {{ pimcore_textarea("Mheadline")|nl2br }}
  188.                             </{{ Mseo }}>
  189.                         {% endif %}
  190.                         {% if pimcore_wysiwyg("Mtext") != '' %}
  191.                             <div class="text-lg list-{{ Mazz }} list-{{ MazzColor }}">
  192.                                 {{ pimcore_wysiwyg("Mtext") }}
  193.                             </div>
  194.                         {% endif %}
  195.                         {% if pimcore_link("Mlink") != '' %}
  196.                             {% include 'widgets/button.html.twig' with { name: 'Mlink', backColor: pimcore_select('Mbuttoncolor').getData() } %}
  197.                         {% endif %}
  198.                     {% endif %}
  199.                 </div>
  200.             {% endif %}
  202.             <div class="md:pl-3 w-full md:{{ cols }} mb-5 lg:mx-auto">
  203.                 {% if pimcore_wysiwyg("Rtext") != '' %}
  204.                     {% if pimcore_textarea("Rheadline") != '' %}
  205.                         {% set Rseo = pimcore_select("Rseo").getData() %}
  206.                         <{{ Rseo }} class="text-{{ pimcore_select("RseoHeadlineColor").getData() }} mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold">
  207.                             {{ pimcore_textarea("Rheadline")|nl2br }}
  208.                         </{{ Rseo }}>
  209.                     {% endif %}
  210.                     <div class="text-lg list-{{ Razz }} list-{{ RazzColor }}">
  211.                         {{ pimcore_wysiwyg("Rtext") }}
  212.                     </div>
  213.                     {% if pimcore_link("Rlink") != '' %}
  214.                         {% include 'widgets/button.html.twig' with { name: 'Rlink', backColor: pimcore_select('Rbuttoncolor').getData() } %}
  215.                     {% endif %}
  216.                 {% endif %}
  217.             </div>
  218.         </div>
  219.     </div>
  221. {% endif %}