bundles/AppBundle/Resources/views/Areas/stage-slider/view.html.twig line 1

Open in your IDE?
  1. {% set isDark = document.getProperty('dark') %}
  2. {% set isHalloween = document.getProperty('halloween') %}
  3. {% set hasSnippet = false %}
  4. {% for i in 1..3 %}
  5.     {% set key = 'widget-' ~ i %}
  6.     {% if pimcore_snippet(key).snippet %}
  7.         {% set hasSnippet = true %}
  8.     {% endif %}
  9. {% endfor %}
  10. {% set autoplay = pimcore_checkbox('autoplay').isChecked() %}
  11. {% set delay = pimcore_numeric('autoplayDelay') %}
  13. {% set slides = pimcore_areablock('slides', {
  14.     "allowed": ["stage-slider-slide"]
  15. }) %}
  17. <div class="{{ pimcore_input('classes').data }}">
  18.     <section class="module-section home-stage-module">
  19.         <div class="bg-gray-100 {% if hasSnippet %}lg:mb-[240px]{% endif %}">
  21.             <div class="relative">
  22.                 {% if not editmode %}
  23.                     {% set visibleBricks = [] %}
  24.                     {% for key, i in slides.indices %}
  25.                         {% if not i.hidden %}
  26.                             {% set visibleBricks = visibleBricks | merge([key]) %}
  27.                         {% endif %}
  28.                     {% endfor %}
  30.                     {# Anzahl sichtbarer Slides an jede Slide-Brick durchreichen (als Variable slideCount) #}
  31.                     {% do slides.addConfig('globalParams', { 'slideCount': visibleBricks | length }) %}
  32.                     <div class="swiper stage-slider" data-autoplay="{{ autoplay and visibleBricks | length > 1 ? 'true' : 'false' }}" data-delay="{{ delay }}">
  33.                         <div class="swiper-wrapper">
  34.                             {# iterate over every slides brick #}
  35.                             {% for i in visibleBricks %}
  36.                                 <div class="swiper-slide">
  37.                                     {{ slides.renderIndex(i) }}
  38.                                 </div>
  39.                             {% endfor %}
  40.                         </div>
  41.                         {% if visibleBricks | length > 1 %}
  42.                             <div class="absolute bottom-0 left-0 right-0">
  43.                                 <div class="container relative">
  44.                                     <div class="swiper-buttons">
  45.                                         <div class="swiper-button-prev"><div><i class="icon-arrow-left"></i></div></div>
  46.                                         <div class="swiper-button-next"><div><i class="icon-arrow-right"></i></div></div>
  47.                                     </div>
  48.                                 </div>
  49.                             </div>
  50.                         {% endif %}
  51.                     </div>
  52.                 {% else %}
  53.                     {{ slides | raw }}
  54.                 {% endif %}
  55.             </div>
  57.             {% if hasSnippet %}
  58.                 <div class="absolute w-full hidden lg:block" style="z-index: 60">
  59.                     <div class="container">
  60.                         <div class="grid grid-cols-3 gap-5 -translate-y-2/4 h-[200px]">
  61.                             {% for i in 1..3 %}
  62.                                 {% set key = 'widget-' ~ i %}
  63.                                 {% if pimcore_snippet(key).snippet %}
  64.                                     {# ugly, but tailwind needs this #}
  65.                                     <div class="{% if not editmode %}fade-in{% endif%} {% if i == 1 %}delay-100{% endif %} {% if i == 2 %}delay-200{% endif %} {% if i == 3 %}delay-300{% endif %} {% if isHalloween %}p-0.5 bg-gradient-to-b from-orange-600/70 via-black/30 to-black/10{% endif%} rounded">
  66.                                         {% if not editmode %}
  67.                                             {{ pimcore_snippet(key) | raw }}
  68.                                         {% else %}
  69.                                             {{ pimcore_inc(pimcore_snippet(key).getSnippet()) }}
  70.                                         {% endif %}
  71.                                     </div>
  72.                                 {% endif %}
  73.                             {% endfor %}
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             {% endif %}
  78.         </div>
  79.         {% if hasSnippet %}
  80.             <div class="lg:hidden relative pb-10 px-5 mt-10 md:mt-5" style="z-index: 60">
  81.                 {% if pimcore_checkbox('hide-mobile-1').isChecked() == false %}
  82.                     <div class="mb-5">
  83.                         {{ pimcore_snippet('widget-1') }}
  84.                     </div>
  85.                 {% endif %}
  86.                 {% if pimcore_checkbox('hide-mobile-2').isChecked() == false %}
  87.                     <div class="mb-5">
  88.                         {{ pimcore_snippet('widget-2') }}
  89.                     </div>
  90.                 {% endif %}
  91.                 {% if pimcore_checkbox('hide-mobile-3').isChecked() == false %}
  92.                     <div class="mb-5">
  93.                         {{ pimcore_snippet('widget-3') }}
  94.                     </div>
  95.                 {% endif %}
  96.             </div>
  97.         {% endif %}
  98.     </section>
  99. </div>