custom/plugins/zenitPlatformHorizon/src/Resources/views/storefront/layout/zen-preloader.html.twig line 1

Open in your IDE?
  1. {% if ( theme_config('zen-layout-preloader-display') is same as ('home') and controllerAction is same as ('home') )
  2.     or theme_config('zen-layout-preloader-display') is same as ('all')
  3.     or ( theme_config('zen-layout-preloader-display') is same as ('nohome') and controllerAction is not same as ('home') ) %}
  4.     {% set timeout = theme_config('zen-layout-preloader-timeout') ?: 300 %}
  5.     <div class="preloader {{ theme_config('zen-layout-preloader-style') }}"
  6.          data-zen-preloader="true"
  7.          data-zen-preloader-options='{"animationOut": "{{ theme_config('zen-layout-preloader-exit') }}", "timeout": {{ timeout }}}'>
  8.         <div class="preloader-center">
  9.             <div class="preloader-center-absolute">
  10.                 {% if theme_config('zen-layout-preloader-style') is same as ('preloader-1') %}
  11.                     <div class="object-round" id="round-one"></div>
  12.                     <div class="object-round" id="round-two"></div>
  13.                     <div class="object-round" id="round-three"></div>
  14.                 {% elseif theme_config('zen-layout-preloader-style') is same as ('preloader-2') %}
  15.                     <div class="object-wave"></div>
  16.                     <div class="object-wave"></div>
  17.                     <div class="object-wave"></div>
  18.                     <div class="object-wave"></div>
  19.                     <div class="object-wave"></div>
  20.                     <div class="object-wave"></div>
  21.                     <div class="object-wave"></div>
  22.                     <div class="object-wave"></div>
  23.                     <div class="object-wave"></div>
  24.                 {% elseif theme_config('zen-layout-preloader-style') is same as ('preloader-3') %}
  25.                     <div class="object-rotate" id="rotate-one"></div>
  26.                     <div class="object-rotate" id="rotate-two"></div>
  27.                     <div class="object-rotate" id="rotate-three"></div>
  28.                     <div class="object-rotate" id="rotate-four"></div>
  29.                 {% elseif theme_config('zen-layout-preloader-style') is same as ('preloader-4') %}
  30.                     <div class="object-border" id="border-four"></div>
  31.                     <div class="object-border" id="border-three"></div>
  32.                     <div class="object-border" id="border-two"></div>
  33.                     <div class="object-border" id="border-one"></div>
  34.                 {% elseif theme_config('zen-layout-preloader-style') is same as ('preloader-5') %}
  35.                     <div class="object-logo">
  36.                         {% block layout_header_logo_image %}
  37.                             <picture class="header-logo-picture">
  38.                                 {% block layout_header_logo_image_tablet %}
  39.                                     {% if theme_config('sw-logo-tablet') and theme_config('sw-logo-tablet') != theme_config('sw-logo-desktop') %}
  40.                                         <source srcset="{{ theme_config('sw-logo-tablet') |sw_encode_url }}"
  41.                                                 media="(min-width: {{ theme_config('breakpoint.md') }}px) and (max-width: {{ theme_config('breakpoint.lg') - 1 }}px)">
  42.                                     {% endif %}
  43.                                 {% endblock %}
  44.                                 {% block layout_header_logo_image_mobile %}
  45.                                     {% if theme_config('sw-logo-mobile') and theme_config('sw-logo-mobile') != theme_config('sw-logo-desktop') %}
  46.                                         <source srcset="{{ theme_config('sw-logo-mobile') |sw_encode_url }}"
  47.                                                 media="(max-width: {{ theme_config('breakpoint.md') - 1 }}px)">
  48.                                     {% endif %}
  49.                                 {% endblock %}
  50.                                 {% block layout_header_logo_image_default %}
  51.                                     {% if theme_config('sw-logo-desktop') %}
  52.                                         <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
  53.                                              alt="{{ "header.logoLink"|trans|striptags }}"
  54.                                              class="img-fluid header-logo-main-img"/>
  55.                                     {% endif %}
  56.                                 {% endblock %}
  57.                             </picture>
  58.                         {% endblock %}
  59.                     </div>
  60.                 {% endif %}
  61.             </div>
  62.         </div>
  63.     </div>
  64. {% endif %}