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

Open in your IDE?
  1. {% set theme = pimcore_checkbox('theme').checked ? 'theme-dark' : 'theme-light' %}
  2. {% set themebtn = pimcore_checkbox('theme').checked ? 'btn-dark' : 'btn-light' %}
  3. {% set breakTitle = pimcore_checkbox('breakTitle').checked %}
  4. {% set className = className|default('img-teaser__btn') %}
  6. {% if editmode %}
  7.     {{ include('layout/includes/css.html.twig') }}
  9.     <div class="ms-auto">
  10.         {% embed 'includes/editmode-settings.html.twig' %}
  11.             {% block settings %}
  12.                 {{ pimcore_checkbox('theme', {
  13.                     label: 'Dark theme',
  14.                 }) }} <br>
  15.                 {{ pimcore_checkbox('breakTitle', {
  16.                     label: 'Break title',
  17.                 }) }}
  18.             {% endblock %}
  19.         {% endembed %}
  20.     </div>F
  21. {% endif %}
  23. <article class="{{ not editmode ? 'img-teaser img-zoom-hover stretch-link content-gradient' }} {{ not editmode ? pimcore_checkbox('theme').checked ? 'theme-dark' : 'theme-light' : '' }}">
  24.     <div class="{{ not editmode ? 'ratio ratio-3x2 ratio-3x4-xs overflow-hidden' }}">
  25.         {{ pimcore_image('img-teaser-img', {
  26.             thumbnail: 'img-teaser',
  27.             imgAttributes: {
  28.                 class: "#{ not editmode ? 'js-lazy-img'} ratio-item  img-teaser__img",
  29.             },
  30.             lowQualityPlaceholder: true,
  31.         })|raw }}
  32.     </div>
  34.     <div class="{{ not editmode ? 'img-teaser__content' }}">
  35.         <div>
  36.             <h3 class="text-gradient-primary img-teaser__subtitle">{{ pimcore_input('subtitle', {'placeholder': 'Subtitle'}) }}</h3>
  37.             <h2 class="img-teaser__title">
  38.                 {% if editmode or not pimcore_input('title-bold').isEmpty() %}
  39.                     <strong class="title-block__title--bold">{{ pimcore_input('title-bold', {'placeholder': 'Bold title'}) }}</strong>
  40.                     {% if breakTitle %}
  41.                         <br>
  42.                     {% endif %}
  43.                 {% endif %}
  44.                 {% if editmode or not pimcore_input('title').isEmpty() %}
  45.                     {{ pimcore_input('title', {'placeholder': 'Title'}) }}
  46.                 {% endif %}
  47.             </h2>
  48.             <div class="font-bold img-teaser__text">{{ pimcore_wysiwyg('content')|raw }}</div>
  49.         </div>
  51.         {% if pimcore_block('links').count > 1 %}
  52.             <ul class="btn-container list-unstyled list-inline">
  53.                 {% for i in pimcore_iterate_block(pimcore_block('links')) %}
  54.                     <li class="list-inline-item">
  55.                         {{ pimcore_link('img-teaser-link', {
  56.                             class: "btn #{themebtn} img-teaser__btn"
  57.                         }) }}
  58.                     </li>
  59.                 {% endfor %}
  60.             </ul>
  61.         {% else %}
  62.             {% for i in pimcore_iterate_block(pimcore_block('links')) %}
  63.                 {{ pimcore_link('img-teaser-link', {
  64.                     class: "#{ not editmode ? 'stretch-link__link'} btn #{themebtn} img-teaser__btn"
  65.                 }) }}
  66.             {% endfor %}
  67.         {% endif %}
  68.     </div>
  69. </article>