{% extends 'pageTemplateDefault.html.twig' %}
{% block content %}
<div class="magazine-detail-wrapper">
{# --- stage --- #}
{% if magazine.HeaderImage %}
<div class="stage">
<div class="stage-image main stage-with-anchor">
<div class="image-wrapper">
{% if magazine.getHeaderImage().getThumbnail("magazineHeaderImage" ~ bundleName) %}
{{ magazine.getHeaderImage().getThumbnail("magazineHeaderImage" ~ bundleName).getHTML() |raw }}
{#IE Fix for thumbnails rendering start#}
<style>
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.stage-image.main .image-wrapper {
width: 100%;
height: 100%;
background: url( {{ pimcore_image("stageFlatImage").getSrc() }} ) center right 100%/cover no-repeat;
}
.stage-image.main > .image-wrapper img {
display: none;
}
}
</style>
{#IE Fix for thumbnails rendering end#}
{% endif %}
</div>
<div class="text-container">
<div class="main-content">
<div class="text">
<div class="special-headline">
<h1>
<span class="special-headline-first">
{{ magazine.getSubline() }}
</span>
<span class="special-headline-second">
{{ magazine.getTitle() }}
</span>
</h1>
</div>
</div>
</div>
<div class="with-anchor">
<a href="#content-section" class="content-anchor offset-top"></a>
</div>
</div>
</div>
</div>
{% endif %}
{# --- end stage --- #}
{% set items = magazine.getElemente().getItems() %}
{% for key,item in items %}
{% include 'FieldCollections/'~item.getType()~'.html.twig' ignore missing %}
{% endfor %}
{% set magazineSelect = magazine.getMagazineSelect() %}
{% if magazineSelect is not empty %}
{% include 'Partials/relatedMagazines.html.twig' %}
{% endif %}
</div>
{% endblock %}