templates/includes/heros/hero-portal.html.twig line 1

Open in your IDE?
  1. <section class="{{ not editmode ? 'hero-portal-slider js-slider-area container--hero' : '' }}">
  2.     {% if editmode %}
  3.         <div class="ms-auto">
  4.             {% embed 'includes/editmode-settings.html.twig' %}
  5.                 {% block settings %}
  6.                     {{ pimcore_relations('hero-slides', {
  7.                         title: 'Use Hero-Slide-Snippets',
  8.                         types: ['document'],
  9.                         subtypes: {
  10.                             'document': ['snippet'],
  11.                         },
  12.                     }) }} <br>
  13.                     {{ pimcore_relations('teaser-cards', {
  14.                         title: 'Use Hero-Card-Snippets',
  15.                         types: ['document'],
  16.                         subtypes: {
  17.                             'document': ['snippet'],
  18.                         },
  19.                     }) }}
  20.                 {% endblock %}
  21.             {% endembed %}
  22.         </div>
  23.     {% endif %}
  24.     <div class="row">
  25.         <div class="col-md">
  26.             <div class="position-relative js-scroll-slider scroll-slider-container--hero">
  27.                 <div class="{{ not editmode ? 'scrolling-area--hero scrolling-area js-scroll-slider__area js-drag' }}">
  29.                     {% if editmode and not pimcore_relations('hero-slides').isEmpty() %}
  30.                         <div class="scrolling-area__item js-scroll-slider__item">
  31.                             {{ pimcore_inc(pimcore_relations('hero-slides').data[0]) }}
  32.                         </div>
  33.                     {% else %}
  34.                         {% for heroSlide in pimcore_relations('hero-slides') %}
  35.                             <div class="scrolling-area__item js-scroll-slider__item">
  36.                                 {{ pimcore_inc(heroSlide) }}
  37.                             </div>
  38.                         {% endfor %}
  39.                     {% endif %}
  40.                 </div>
  41.                 {% if not editmode %}
  42.                     <div class="hero-portal-slider__counter">
  43.                         {{ include('includes/slider-counter.html.twig') }}
  44.                     </div>
  45.                 {% endif %}
  46.             </div>
  47.         </div>
  49.         <div class="col-md-auto d-none d-md-flex">
  50.             <div class="hero-portal__social-container">
  51.                 {% if siteConfig().facebook %}
  52.                     <a class="hero-portal__social-link" href="{{ siteConfig().facebook.path }}" title="Facebook" target="_blank"><span aria-hidden="true" class="icon icon-facebook"></span></a>
  53.                 {% endif %}
  54.                 {% if siteConfig().instagram %}
  55.                     <a class="hero-portal__social-link" href="{{ siteConfig().instagram.path }}" title="Instagram" target="_blank"><span aria-hidden="true" class="icon icon-instagram"></span></a>
  56.                 {% endif %}
  57.                 {% if siteConfig().xing %}
  58.                     <a class="hero-portal__social-link" href="{{ siteConfig().xing.path }}" title="Xing" target="_blank"><span aria-hidden="true" class="icon icon-xing"></span></a>
  59.                 {% endif %}
  60.                 {% if siteConfig().linkedIn %}
  61.                     <a class="hero-portal__social-link" href="{{ siteConfig().linkedIn.path }}" title="LinkedIn" target="_blank"><span aria-hidden="true" class="icon icon-linkedin"></span></a>
  62.                 {% endif %}
  63.                 {% if siteConfig().youtube %}
  64.                     <a class="hero-portal__social-link" href="{{ siteConfig().youtube.path }}" title="YouTube" target="_blank"><span aria-hidden="true" class="icon icon-youtube"></span></a>
  65.                 {% endif %}
  66.             </div>
  67.         </div>
  68.     </div>
  69.     {% if not editmode %}
  70.         {% if document.getProperty('portalHolding') %}
  71.             <div class="hero-img-link-boxes">
  72.                 {% for teaserCard in pimcore_relations('teaser-cards') %}
  73.                     {{ pimcore_inc(teaserCard) }}
  74.                 {% endfor %}
  75.             </div>
  76.         {% else %}
  77.             <div class="hero-portal__box-container">
  78.                 <div class="row gy-1 hero-portal__box-row">
  79.                     {% for teaserCard in pimcore_relations('teaser-cards') %}
  80.                         {{ pimcore_inc(teaserCard) }}
  81.                     {% endfor %}
  82.                 </div>
  83.             </div>
  84.         {% endif %}
  85.     {% endif %}
  86. </section>