templates/areas/together/together.html.twig line 1

Open in your IDE?
  1. <figure class="together">
  2.     {%- if editmode -%}
  3.         {{- pimcore_image('togetherImage') -}}
  5.         <figcaption class="together__caption">
  6.             <div class="together__caption-top">
  7.                 <h2 class="together__headline">
  8.                     {{- pimcore_input('togetherHeadline', {
  9.                         'placeholder': 'Überschrift'
  10.                     }) -}}
  11.                 </h2>
  13.                 <div class="together__subline">
  14.                     {{- pimcore_input('subline', {
  15.                         'placeholder': 'Text'
  16.                     }) -}}
  17.                 </div>
  18.             </div>
  20.             <div class="together__caption-bottom">
  21.                 <div class="together__link-section-left">
  22.                     {{- pimcore_textarea('text', {
  23.                         'placeholder': 'Text'
  24.                     }) -}}
  25.                 </div>
  27.                 <div class="together__link-section-right">
  28.                     {{- pimcore_link('link') -}}
  29.                 </div>
  30.             </div>
  31.         </figcaption>
  32.     {%- else -%}
  33.         {%- set image = pimcore_image('togetherImage', {
  34.             'thumbnail': 'homepageHeroImage',
  35.             'pictureAttributes': {
  36.                 'class': 'together__picture'
  37.             },
  38.             'imgAttributes': {
  39.                 'class': 'together__image',
  40.                 'loading': 'lazy'
  41.             }
  42.         }) -%}
  43.         {%- set togetherHeadline = pimcore_input('togetherHeadline') -%}
  44.         {%- set subline = pimcore_input('subline') -%}
  45.         {%- set text = pimcore_textarea('text') -%}
  46.         {%- set link = pimcore_link('link') -%}
  48.         {%- if not image.isEmpty() -%}
  49.             {{- image|raw -}}
  50.         {%- endif -%}
  52.         <figcaption class="together__caption">
  53.             <div class="together__caption-top">
  54.                 {%- if not togetherHeadline.isEmpty() -%}
  55.                     <h2 class="together__headline">
  56.                         {{- togetherHeadline|raw -}}
  57.                     </h2>
  58.                 {%- endif -%}
  60.                 {%- if not subline.isEmpty() -%}
  61.                     <p class="together__subline">
  62.                         {{- subline|raw -}}
  63.                     </p>
  64.                 {%- endif -%}
  65.             </div>
  67.             <div class="together__caption-bottom">
  68.                 {%- if not text.isEmpty() -%}
  69.                     <p class="together__link-section-left">
  70.                         {{- text|nl2br -}}
  71.                     </p>
  72.                 {%- endif -%}
  74.                 {%- if not link.isEmpty() and link.href != '' and link.text != '' -%}
  75.                     <a href="{{- link.href -}}"
  76.                        class="together__link-section-right"
  77.                        {% if link.target == '_blank' %}target="_blank" rel="noopener noreferrer"{% endif %}>
  79.                         {{- link.text -}}
  80.                     </a>
  81.                 {%- endif -%}
  82.             </div>
  84.             <svg class="icon"
  85.                  aria-hidden="true"
  86.                  focusable="false">
  88.                 <use xlink:href="#angle-down-regular" />
  89.             </svg>
  90.         </figcaption>
  91.     {%- endif -%}
  92. </figure>