{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_script_csrf %}
{{ parent() }}
{%- if context.extensions.maxiaLazyLoader.active -%}
{%- block base_script_maxia_lazy_loader -%}
<script>
{%- if lazySizesConfig is not defined -%}
{% set lazySizesConfig = {
init: false,
expand: context.extensions.maxiaLazyLoader.expand,
loadMode: 2,
expFactor: 1,
loadHidden: false,
lazyClass: 'maxia-lazy-image',
preloadClass: 'maxia-lazy-preload',
loadingClass: 'maxia-lazy-loading',
loadedClass: 'maxia-lazy-loaded'
} %}
{%- endif -%}
window.maxiaLazyActive = true;
window.lazySizesConfig = window.lazySizesConfig || {{ lazySizesConfig|json_encode|raw }};
</script>
<script src="{{ asset('bundles/maxialazyloader6/all.js') }}"></script>
{%- endblock -%}
{%- endif -%}
{% endblock %}