templates/areas/teaser-tile/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. <div class="ms-auto container-narrow">
  3.     {% embed 'includes/editmode-settings.html.twig' %}
  4.         {% block additionalSettings %}
  5.             {{ pimcore_checkbox('narrow', {
  6.                 label: 'Narrow'
  7.             }) }}
  8.         {% endblock %}
  9.     {% endembed %}
  10.     {{ include('includes/title-blocks/title-block.html.twig') }}
  11.     {% set block = pimcore_block('block', {limit: 8}) %}
  12.     {% for i in block.iterator %}
  13.         {{ pimcore_image('sliderImage', {width: 300}) }} <br>
  14.         {{ pimcore_wysiwyg('wysiwyg') }}
  15.     {% endfor %}
  16. </div>
  18. {% else %}
  19. <section class="content-block {{ pimcore_checkbox('narrow').checked ? 'container-narrow' : 'container-small' }} {{ not pimcore_input('anchorTitle').isEmpty() ? 'js-anchor-nav__item' }}"
  20.     {% if not pimcore_input('anchorTitle').isEmpty() %} data-anchor-nav-title="{{ pimcore_input('anchorTitle').getData() }}" {% endif %}
  21. >
  22.     {{ include('includes/title-blocks/title-block.html.twig') }}
  23.     <div class="row gy-2">
  24.         {% for i in pimcore_iterate_block(pimcore_block('block', {limit: 10})) %}
  25.             <div class="col-md-6">
  26.                 <article class="card-teaser__content mb-3">
  27.                     <div class="card-teaser__image">
  28.                         {{ pimcore_image('sliderImage').getThumbnail('team-teaser').getHtml({
  29.                             imgAttributes: {
  30.                                 class: 'js-lazy-img'
  31.                             },
  32.                             'lowQualityPlaceholder': true,
  33.                         })|raw }}
  34.                     </div>
  35.                     {% if not pimcore_wysiwyg('wysiwyg').isEmpty %}
  36.                         <div class="card-teaser__text">
  37.                             {{ pimcore_wysiwyg('wysiwyg').getData()|raw }}
  38.                         </div>
  39.                     {% endif %}
  40.                 </article>
  41.             </div>
  42.         {% endfor %}
  43.     </div>
  44. </section>
  45. {% endif %}