You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
2.4 KiB
62 lines
2.4 KiB
{% if banner %}
|
|
<div class="banner {% if banner.color %}banner_colored{% endif %} {% if banner.future_date %}banner_countdown{% endif %}"
|
|
data-banner="{{banner.id}}" style="display: none; background-color: {{ banner.color|default:'white' }};">
|
|
<div class="banner__bg" style="
|
|
{% if not request.user_agent.is_mobile or banner.future_date %}
|
|
background-image: url({{ banner.image.url }});
|
|
{% endif %}
|
|
{% if request.user_agent.is_mobile and banner.future_date %}
|
|
opacity: 0.7;
|
|
{% endif %}
|
|
{% if banner.stretch_image %}
|
|
background-position: center;
|
|
background-size: cover;
|
|
{% else %}
|
|
background-position: center bottom;
|
|
{% endif %}"></div>
|
|
{% if request.user_agent.is_mobile %}
|
|
{% if not banner.future_date %}
|
|
<a href="{{ banner.url }}" class="banner__image-wrap">
|
|
<img class="banner__image" src="{{ banner.image.url }}" />
|
|
</a>
|
|
{% endif %}
|
|
<div class="banner__content">
|
|
<div class="banner__content-center">
|
|
<div class="banner__text-column">
|
|
<div class="banner__text">{{ banner.text }}</div>
|
|
{% if not banner.future_date %}
|
|
<a href="{{ banner.url }}" class="banner__link">{{ banner.button_text }}</a>
|
|
{% endif %}
|
|
</div>
|
|
{% if banner.future_date %}
|
|
<div class="banner__countdown-column">
|
|
<div>
|
|
<div class="banner__countdown-title">До конца акции осталось</div>
|
|
<countdown date="{{ banner.future_date|date:'Y-m-d H:i:s' }}"></countdown>
|
|
</div>
|
|
<div>
|
|
<a href="{{ banner.url }}" class="banner__link">{{ banner.button_text }}</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="banner__content">
|
|
<div class="banner__content-center">
|
|
<div class="banner__text-column">
|
|
<div class="banner__text">{{ banner.text }}</div>
|
|
<a href="{{ banner.url }}" class="banner__link">{{ banner.button_text }}</a>
|
|
</div>
|
|
{% if banner.future_date %}
|
|
<div class="banner__countdown-column">
|
|
<div class="banner__countdown-title">До конца акции осталось</div>
|
|
<countdown date="{{ banner.future_date|date:'Y-m-d H:i:s' }}"></countdown>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<a href="#" class="banner__hide">Скрыть{% if not request.user_agent.is_mobile %} баннер{% endif %}</a>
|
|
</div>
|
|
{% endif %}
|
|
|