templates/areas/teaser-img-slider/view.html.twig line 1

Open in your IDE?
  1. <section class="container content-block js-fade-in {{ include('Layout/includes/editmode-box-classes.html.twig') }} {{ styleModifier | default(null) }} {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
  2.     {% embed 'Includes/editmode-settings.html.twig' %}
  3.         {% block additionalInfo %}
  4.             <div>
  5.                 <label>
  6.                     {{ pimcore_checkbox('titleBlockCentered') }} Center Headline?
  7.                 </label>
  8.             </div>
  9.             <div>
  10.                 <label>
  11.                     {{ pimcore_checkbox('teaserCentered') }} Center Teaser (if less then 6 teaser)?
  12.                 </label>
  13.             </div>
  14.             <div>
  15.                 <label>
  16.                     {{ pimcore_checkbox('rotateTeaser') }} Rotate Teaser (Displayed teasers change every 24 hours or if the relation changes).
  17.                 </label>
  18.             </div>
  19.             <div>
  20.                 <label>
  21.                     Teaser (max 12 Teaser others will be ignored)
  22.                     <small>Supported: DemiInfrastructure, Package, DemiAccommodation, DemiEvent, DemiAdditionalService, BlogArticle, AlpsteinTour, Community, YoungStyriaAccommodation, Image Teaser Snippet, Content Teaser Snippet</small>
  23.                 </label>
  24.                 {{ pimcore_relations('teaser', {
  25.                     'types': ['document', 'object'],
  26.                     'subtypes': ['snippet', 'object'],
  27.                     'classes': ['demiAdditionalService', 'demiInfrastructure', 'demiEvent', 'BlogArticle', 'Community', 'Package', 'demiAccommodationServiceProvider', 'AlpsteinTour', 'demiHousePackageMaster', 'YoungStyriaAccommodation']
  28.                 }) }}
  29.             </div>
  30.         {% endblock %}
  31.     {% endembed %}
  32.     {{ include('Includes/title-block-editable.html.twig') }}
  34.     <div class="teaser-slider js-scrolling-row">
  35.         <div class="row js-scrolling-row__row scrolling-row {{ pimcore_checkbox('teaserCentered').checked and pimcore_relations('teaser').elements|length < 6 ? 'scrolling-row--centered' : ''}} scrolling-row--invisible-scrollbar">
  36.             {% set elements = removeUnpublishedElements(pimcore_relations('teaser').elements) %}
  37.             {% set elements = pimcore_checkbox('rotateTeaser').checked ? randomizeRelationEvery24h(elements, document) : elements %}
  39.             {% for key,item in elements | filter ((item,key) => key < 12 ) %}
  40.                 {% if item is instanceof('\\Pimcore\\Model\\DataObject') %}
  41.                     {% if checkObjectForTeaser(item) %}
  42.                         <div class="scrolling-row__item col-5 col-md-2 js-scrolling-row__item">
  43.                             {{ render(controller('App\\Controller\\RenderletController::imgTeaserAction', {
  44.                                 'type': 'object',
  45.                                 'id': item.id,
  46.                                 'notShowPrice': true
  47.                             })) }}
  48.                         </div>
  49.                     {% endif %}
  50.                 {% elseif item is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
  51.                     <div class="scrolling-row__item col-5 col-md-2 js-scrolling-row__item">
  52.                         {{ render(controller('App\\Controller\\RenderletController::imgTeaserAction', {
  53.                             'type': 'document',
  54.                             'id': item.id
  55.                         })) }}
  56.                     </div>
  57.                 {% endif %}
  58.             {% endfor %}
  60.         </div>
  61.         {% if pimcore_relations('teaser').elements|length > 6 %}
  62.             <div class="scrolling-row-navigation">
  63.                 <button class="teaser-slider__btn scrolling-row__button scrolling-row__button--prev js-scrolling-row__prev"><span class="icon icon-arrow-right" aria-label="Previous"></span></button>
  64.                 <button class="teaser-slider__btn scrolling-row__button scrolling-row__button--next js-scrolling-row__next"><span class="icon icon-arrow-right" aria-label="Next"></span></button>
  65.             </div>
  66.         {% endif %}
  68.     </div>
  69. </section>