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