custom/plugins/HyBuys/src/Resources/views/storefront/element/blur-elysium-slide-media.html.twig line 1

Open in your IDE?
  1. {#{% sw_extends '@BlurElysiumSlider/storefront/element/blur-elysium-slide-media.html.twig' %}#}
  3. {% block cms_element_blur_elysium_slide_css_styles_media %}
  5.     {# default background-image used as fallback #}
  6.     {% if media.url and ( media.fileExtension in extenstionWhitelist ) %}
  7.         [data-elysium-slide-id="{{ slideId }}"] {
  8.             background-image: url( {{ media.url }} );
  9.         }
  10.     {% endif %}
  12.     {% if media.thumbnails %}
  14.         {% for thumbnail in media.thumbnails %}
  15.             @media screen and (max-width: {{ thumbnail.width ~ 'px' }}) {
  16.                 [data-elysium-slide-id="{{ slideId }}"] {
  17.                     background-image: url( {{ thumbnail.url }} );
  18.                 }
  19.             }
  20.         {% endfor %}
  21.     {% endif %}
  22. {% endblock %}