{%- if page.related_posts and page.related_posts.length > 0 %}
  <div class="popular-posts-header">{{ __('post.related_posts') }}</div>
  <ul class="popular-posts">
  {%- for path in page.related_posts %}
    {%- set popular_post = site.posts.findOne({ path: path }) %}
    <li class="popular-posts-item">
      {%- if popular_post.date %}
        <div class="popular-posts-date">{{ date(popular_post.date) }}</div>
      {%- endif %}
      {%- if popular_post.img %}
        <div class="popular-posts-img"><img src="{{ popular_post.img }}" alt="{{ popular_post.title }}"></div>
      {%- endif %}
      <div class="popular-posts-title"><a href="{{ url_for(popular_post.path) }}" rel="bookmark">{{ popular_post.title }}</a></div>
      {%- if popular_post.excerpt and popular_post.excerpt != '' %}
        <div class="popular-posts-excerpt"><p>{{ popular_post.excerpt }}</p></div>
      {%- endif %}
    </li>
  {%- endfor %}
  </ul>
{%- endif %}