%PDF-
%PDF-
Mini Shell
Mini Shell
{% extends "base.twig" %}
{% block content %}
<div class="post-wrapper">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 col-xl-9">
<div class="post-wrapper--main">
{% set serie = post.ID|get_serie %}
{% set main_category = post.ID|get_primary_category %}
<article class="post-type-{{ post.post_type }}{% if serie %} article--serie{% endif %}" id="post-{{ post.ID }}">
<div class="row">
<div class="col-12 col-xl-9">
<div class="article-labels article-labels--before-titles">
{% if main_category %}
<a href="{{ fn('get_term_link', main_category.ID, 'category') }}" class="article-item--category">{{ main_category.name }}</a>
{% endif %}
{% if post.post_type == 'chronicle' %}
<div class="article-label--chronicle article-label">KRÖNIKA</div>
{% endif %}
{% if serie %}
<div class="article-label--serie article-label">Artikelserie</div>
{% endif %}
<button type="button" data-post-id="{{ post.ID }}" class="article-save-btn">Spara<i class="fa-regular fa-bookmark"></i></button>
</div>
<h1>{{post.ID|get_title}}</h1>
</div>
</div>
<figure class="featured-image">
<img src="{{ post.thumbnail|resize(800,477) }}" alt="{{ post.title }}">
{% if post.meta('featured_image_caption') %}
<figcaption>{{ post.meta('featured_image_caption') }}</figcaption>
{% endif %}
</figure>
<div class="article-labels article-labels--after-featured-image">
<p class="article-author">AV: <a href="{{ post.author.link }}">{{ post.author.first_name }} {{ post.author.last_name }}</a></p>
{% if post.ID|get_company %}
<div class="article-item--company">För: {{ post.ID|get_company }}</div>
{% endif %}
{% if post.meta('sponsored') %}
<div class="article-item--sponsored article-label">SPONSRAT</div>
{% endif %}
<div class="share-btn--wrapper">
<div class="share-btn--title">DELA:</div>
<div class="share-btn">
<a class="btn-twitter" data-id="tw"><i class="fa-brands fa-twitter"></i></a>
<a class="btn-in" data-id="in"><i class="fa-brands fa-linkedin-in"></i></a>
<a class="btn-facebook" data-id="fb"><i class="fa-brands fa-facebook-f"></i></a>
</div>
</div>
</div>
{% if post.meta('text_after_featured_image') %}
<div class="text_after_featured_image">
<div class="article-content-wrapper">
{{ post.meta('text_after_featured_image') }}
</div>
</div>
{% endif %}
<div class="article-content-wrapper article-main-content">
{{ post.content }}
{% if serie %}
<div class="article-item--serie--wrapper">
<div class="article-item--serie--wrapper--title">Fler artiklar i denna serie</div>
<div class="article-item--serie--list">
<div class="swiper-wrapper">
{% for post in serie %}
<div class="swiper-slide">
{% include 'components/article-child-serie.twig' %}
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
<div class="article-labels article-labels--end-of-article">
<p class="article-author">AV: <a href="{{ post.author.link }}">{{ post.author.first_name }} {{ post.author.last_name }}</a></p>
{% if post.ID|get_company %}
<div class="article-item--company">För: {{ post.ID|get_company }}</div>
{% endif %}
{% if serie %}
<div class="article-label--serie article-label">Artikelserie</div>
{% endif %}
{% if post.meta('sponsored') %}
<div class="article-item--sponsored article-label">SPONSRAT</div>
{% endif %}
<div class="share-btn--wrapper">
<div class="share-btn--title">DELA:</div>
<div class="share-btn">
<a class="btn-twitter" data-id="tw"><i class="fa-brands fa-twitter"></i></a>
<a class="btn-in" data-id="in"><i class="fa-brands fa-linkedin-in"></i></a>
<a class="btn-facebook" data-id="fb"><i class="fa-brands fa-facebook-f"></i></a>
</div>
</div>
</div>
{% if post.terms('tags') %}
<div class="article-tags">
<ul>
{% for term in post.terms('tags') %}
<li><a href="{{term.link}}">{{term.name}}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
</article>
</div>
</div>
<div class="col-12 col-lg-4 col-xl-3">
<aside>
{% if post.meta('single_banner_1') %}
{% include 'components/sidebar/banner.twig' with { banner_post: post.meta('single_banner_1') } %}
{% else %}
{% include 'components/sidebar/banner.twig' with { banner_id: 1, page: post.post_type } %}
{% endif %}
{% include 'components/sidebar/related-articles.twig' %}
{% include 'components/sidebar/hot-categories.twig' %}
{% if post.meta('single_banner_2') %}
{% include 'components/sidebar/banner.twig' with { banner_post: post.meta('single_banner_2') } %}
{% else %}
{% include 'components/sidebar/banner.twig' with { banner_id: 2, page: post.post_type } %}
{% endif %}
{% include 'components/sidebar/chronicles.twig' %}
</aside>
</div>
</div>
</div>
</div><!-- /content-wrapper -->
{% endblock %}
Zerion Mini Shell 1.0