vendor/store.shopware.com/ieslazyloading6/src/Resources/views/storefront/layout/meta.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}
  3. {% block layout_head_stylesheet %}
  4.     {{ parent() }}
  6.     {% block layout_head_stylesheet_lazyload %}
  7.         {% apply spaceless %}
  8.             {% set lazyLoadingIcon = config('IesLazyLoading6.config.lazyloadIcon')|default('audio') %}
  10.             {% if lazyLoadingIcon is not same as 'disabled' %}
  11.                 {% set lazyloadColor = config('IesLazyLoading6.config.lazyloadColor')|default('#000') %}
  13.                 {% set iconContent %}
  14.                     {% sw_include '@IesLazyLoading6/storefront/icons/' ~ lazyLoadingIcon ~ '.svg' with {
  15.                         color: lazyloadColor
  16.                     } %}
  17.                 {% endset %}
  19.                 <style>
  20.                     [data-ies-lazy-loading="true"]:not(.gallery-slider-thumbnails-image):not(.ies-lazy-loading-loaded) {
  21.                         background-image: url('data:image/svg+xml;charset=UTF-8,{{ iconContent|replace({
  22.                             '#': '%23',
  23.                             "\n":' ',
  24.                             "\r":' '
  25.                         })|raw }}');
  26.                     }
  27.                 </style>
  29.                 <script type="text/javascript">
  30.                     function onIesLazyLoaded(img) {
  31.                         img.classList.add('ies-lazy-loading-loaded');
  33.                         let loadingCls = 'is-loading';
  34.                         let tnsContainer = img.closest('.' + loadingCls);
  36.                         if (tnsContainer && !tnsContainer._iesTnsLoadingTimout) {
  37.                             tnsContainer._iesTnsLoadingTimout = setTimeout(() => {
  38.                                 tnsContainer.classList.remove(loadingCls);
  39.                             }, 1000);
  40.                         }
  41.                     }
  42.                 </script>
  43.             {% endif %}
  44.         {% endapply %}
  45.     {% endblock %}
  46. {% endblock %}