templates/areas/teaser-top-offer/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.                 <div>
  6.                     <label>
  7.                         {{ pimcore_checkbox('titleBlockCentered') }} Center Headline?
  8.                     </label>
  9.                 </div>
  10.                 <div>
  11.                     <label>
  12.                         {{ pimcore_checkbox('usePackageCategories', {
  13.                             reload: true
  14.                         }) }} Use Package Categories (incl. child categories)
  15.                     </label>
  16.                 </div>
  17.                 <div>
  18.                     <label>
  19.                         {{ pimcore_checkbox('rotateTeaser') }} Rotate Teaser (Displayed teasers change every 24 hours or if the relation changes).
  20.                     </label>
  21.                 </div>
  22.                 {% if not pimcore_checkbox('usePackageCategories').checked %}
  23.                     <label>
  24.                         Teaser <small>Supports: Package, Flatrate Teaser Snippet </small>
  25.                     </label>
  26.                     {{ pimcore_relations('packages', {
  27.                         'types': ['object', 'document'],
  28.                         'subtypes': ['object', 'snippet'],
  29.                         'classes': ['Package']
  30.                     }) }}
  31.                 {% else %}
  32.                     <label>
  33.                         Package Categories (max. 12 will be displayed) <small>Supports: PackageCategory </small>
  34.                     </label>
  35.                     {{ pimcore_relations('packageCategories', {
  36.                         'types': ['object', 'document'],
  37.                         'subtypes': ['object', 'snippet'],
  38.                         'classes': ['PackageCategory']
  39.                     }) }}
  40.                 {% endif %}
  41.             </div>
  42.         {% endblock %}
  43.     {% endembed %}
  45.     {{ include('Includes/title-block-editable.html.twig') }}
  47.     {% set elements = pimcore_checkbox('usePackageCategories').checked ? getPackagesByPackageCategories(pimcore_relations('packageCategories').elements)  : pimcore_relations('packages').elements %}
  48.     {% set elements = pimcore_checkbox('rotateTeaser').checked ? randomizeRelationEvery24h(elements, document) : pimcore_relations('packages').elements %}
  49.     {% set idsToReload = [] %}
  51.     {% for key, offer in elements %}
  52.         {% if key >= 6 %}
  53.             {% if offer is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
  54.                 {% set type = 'doc' %}
  55.             {% else %}
  56.                 {% set type = 'obj' %}
  57.             {% endif %}
  59.             {% set idInfo = {'type': type, 'id': offer.id} %}
  60.             {% set idsToReload = idsToReload|merge([idInfo]) %}
  61.         {% endif %}
  62.     {% endfor %}
  64.   {{ include('areas/teaser-top-offer/Includes/topOfferTeaserSliderAjax.html.twig', {
  65.       elements: elements|slice(0, 6)
  66.   }) }}
  68.     {% if elements|length > 6 %}
  69.         <div class="js-ajax-form position-relative">
  70.             {% do jsConfig().add('ajaxForm', true) %}
  71.             <div aria-live="polite">
  72.                 <div class="js-ajax-form__notifications mb-3" hidden></div>
  73.                 <div class="js-ajax-form__loading loading-overlay p-3" role="status" hidden>
  74.                     <div class="loading-spinner"></div>
  75.                     <div class="pt-4">{{ 'content.loading' | trans }}</div>
  76.                 </div>
  77.                 <div class="js-ajax-form__result mt-5">
  78.                     <form method="get" action="{{ path('top_offer_teaser_slider_ajax', {'ids': idsToReload}) }}" class="js-ajax-form__form text-center">
  79.                         <button type="submit" class="btn btn-primary mt-3 js-load-more">{{ 'top-offer-teaser.load-more' | trans }}</button>
  80.                     </form>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     {% endif %}
  85. </section>