{% if global.promotion and global.promotion.enable == 'true' %}
    <div id="salesBanner" class="salesBanner {% if global.promotion.name and global.promotion.name != '' %} salesBanner--{{global.promotion.name | lower | replace(' ', '-')}} {% endif %} {% if salesBanner.isSticky and salesBanner.isSticky == 'true' %}isSticky{% endif %}">
        <picture>
            <source media="(max-width: 475px)" srcset="{{global.path}}/{{salesBanner.image_mobile}}">
            <source media="(min-width: 476px) and (max-width: 1024px)" srcset="{{global.path}}/{{salesBanner.image_tablet}}">
            <img class="lazyload" data-src="{{global.path}}/{{salesBanner.image_desktop}}" alt="{{global.promotion.name}}">
        </picture>
    </div>
{% endif %}