templates/snippets/teaser/teaser-topic-wide.html.twig line 1

Open in your IDE?
  1. {% set theme = pimcore_checkbox('theme').checked ? 'dark' : 'light' %}
  2. {% set breakTitle = pimcore_checkbox('breakTitle').checked %}
  3. {% set className = className|default('img-teaser__btn') %}
  5. {% if editmode %}
  6.     {{ include('layout/includes/css.html.twig') }}
  8.     <div class="ms-auto">
  9.         {% embed 'includes/editmode-settings.html.twig' %}
  10.             {% block settings %}
  11.                 {{ pimcore_checkbox('theme', {
  12.                     label: 'Dark theme',
  13.                     reload: true,
  14.                 }) }} <br>
  15.                 {{ pimcore_checkbox('breakTitle', {
  16.                     label: 'Break title',
  17.                 }) }} <br>
  18.                 {{ pimcore_checkbox('careerLink', {
  19.                     label: 'Use as career teaser (One button with resort-according mail address)',
  20.                     reload: true,
  21.                 }) }} <br>
  22.                 {{ pimcore_image('image', {
  23.                     width: 200,
  24.                 }) }}
  25.             {% endblock %}
  26.         {% endembed %}
  27.     </div>
  28. {% endif %}
  30. <article class="slider-teaser content-gradient {{ not editmode ? 'img-zoom-hover stretch-link' }} {{ pimcore_checkbox('theme').checked ? 'theme-dark' : 'theme-light' }}">
  31.     {% if not pimcore_image('image').isEmpty() %}
  32.         <div class="ratio ratio-3x1 ratio-2x3-xs">
  33.             {{ pimcore_image('image').thumbnail('slide-teaser').getHtml({
  34.                 imgAttributes: {
  35.                     class: 'ratio-item js-lazy-img slider-teaser__img',
  36.                 },
  37.                 lowQualityPlaceholder: true,
  38.             })|raw }}
  39.         </div>
  40.     {% endif %}
  42.     <div class="slider-teaser__content">
  43.         <div {{ (editmode and pimcore_image('image').isEmpty()) ? 'style="color:#b2b0ae;"' : '' }}>
  44.             <h3 class="text-gradient-primary slider-teaser__subtitle">{{ pimcore_input('subtitle', {'placeholder': 'Subtitle'}) }}</h3>
  45.             <h2 class="slider-teaser__title">
  46.                 {% if editmode or not pimcore_input('title-bold').isEmpty() %}
  47.                     <strong class="title-block__title--bold">{{ pimcore_input('title-bold', {'placeholder': 'Bold title'}) }}</strong>
  48.                     {% if breakTitle %}
  49.                         <br>
  50.                     {% endif %}
  51.                 {% endif %}
  52.                 {% if editmode or not pimcore_input('title').isEmpty() %}
  53.                     {{ pimcore_input('title', {'placeholder': 'Title'}) }}
  54.                 {% endif %}
  55.             </h2>
  56.             <div class="font-bold img-teaser__text">{{ pimcore_wysiwyg('content')|raw }}</div>
  57.         </div>
  59.         <ul class="btn-container list-unstyled list-inline">
  60.             {% set stretchLinkClass = (pimcore_block('links').getCount() == 1) and not editmode ? 'stretch-link__link' %}
  62.             {% if pimcore_checkbox('careerLink').checked %}
  63.                 <li class="list-inline-item">
  64.                     {% set resort = app.request.get('resort') %}
  65.                     {% if resort == 'loader' %}
  66.                         <a href="mailto:{{ siteConfig().getLoaderMailAddress() }}" class="img-teaser__btn stretch-link__link btn btn-{{ theme }}">{{ 'career.UnsolicitedApplication'|trans }}</a>
  67.                     {% elseif resort is not null %}
  68.                         <a href="mailto:{{ siteConfig().getConstructionMailAddress() }}" class="img-teaser__btn stretch-link__link btn btn-{{ theme }}">{{ 'career.UnsolicitedApplication'|trans }}</a>
  69.                     {% endif %}
  70.                 </li>
  71.             {% else %}
  72.                 {% for i in pimcore_iterate_block(pimcore_block('links')) %}
  73.                     <li class="list-inline-item">
  74.                         {{ pimcore_link('img-teaser-link', {
  75.                             class: "img-teaser__btn btn btn-#{theme} " ~ stretchLinkClass,
  76.                         }) }}
  77.                     </li>
  78.                 {% endfor %}
  79.             {% endif %}
  80.         </ul>
  81.     </div>
  83. </article>