{% set magazineArticle = page.magazineArticle %}
<div class="cms-element-{{ element.type }}">
<ul>
{% if magazineArticle.previousMagazineArticle %}
<li>
{% sw_icon 'arrow-left' %}
<a class="btn btn-light moorl-creator-card-mini"
href="{{ seoUrl('moorl.magazine.article', {'magazineArticleId': magazineArticle.previousMagazineArticle.id}) }}"
title="{{ magazineArticle.previousMagazineArticle.translated.name }}">
{% if magazineArticle.previousMagazineArticle.media.url %}
{% sw_thumbnails 'creator-avatar' with {
media: magazineArticle.previousMagazineArticle.media,
attributes: {
'alt': magazineArticle.previousMagazineArticle.translated.name
}
} %}
{% else %}
<div></div>
{% endif %}
<span>
{{ magazineArticle.previousMagazineArticle.translated.name }}
</span>
</a>
</li>
{% endif %}
{% if magazineArticle.nextMagazineArticle %}
<li>
<a class="btn btn-light moorl-creator-card-mini"
href="{{ seoUrl('moorl.magazine.article', {'magazineArticleId': magazineArticle.nextMagazineArticle.id}) }}"
title="{{ magazineArticle.nextMagazineArticle.translated.name }}">
{% if magazineArticle.nextMagazineArticle.media.url %}
{% sw_thumbnails 'creator-avatar' with {
media: magazineArticle.nextMagazineArticle.media,
attributes: {
'alt': magazineArticle.nextMagazineArticle.translated.name
}
} %}
{% else %}
<div></div>
{% endif %}
<span>
{{ magazineArticle.nextMagazineArticle.translated.name }}
</span>
</a>
{% sw_icon 'arrow-right' %}
</li>
{% endif %}
</ul>
</div>