_includes/customblog/relatedposts.html in appscms-tools-theme-1.7.6 vs _includes/customblog/relatedposts.html in appscms-tools-theme-1.7.7
- old
+ new
@@ -1,161 +1,163 @@
-<div class="container">
- <div class="relatedPosts">
+<section class="related-posts-section">
+ <div class="container">
+ <div class="relatedPosts">
- <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
+ <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
- {% assign blogData= site.data.blog.blog %}
+ {% assign blogData= site.data.blog.blog %}
- {% assign maxRelated = 6 %}
- {% assign minCommonTags = 1 %}
- {% assign maxRelatedCounter = 0 %}
+ {% assign maxRelated = 6 %}
+ {% assign minCommonTags = 1 %}
+ {% assign maxRelatedCounter = 0 %}
- <div class="row">
- {% for post in blogData %}
- {% assign sameTagCount = 0 %}
- {% assign commonTags = '' %}
+ <div class="row">
+ {% for post in blogData %}
+ {% assign sameTagCount = 0 %}
+ {% assign commonTags = '' %}
- {%- if page.categories-%}
- {% for category in post.categories %}
- {% if post.url != page.url %}
- {% if page.categories contains category %}
- {% assign sameTagCount = sameTagCount | plus: 1 %}
- {% endif %}
- {% endif %}
- {% endfor %}
- {%- endif -%}
+ {%- if page.categories-%}
+ {% for category in post.categories %}
+ {% if post.url != page.url %}
+ {% if page.categories contains category %}
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
+ {% endif %}
+ {% endif %}
+ {% endfor %}
+ {%- endif -%}
- {%- if page.tags -%}
- {% for tag in post.tags %}
- {% if post.url != page.url %}
- {% if page.tags contains tag %}
- {% assign sameTagCount = sameTagCount | plus: 1 %}
- {% endif %}
- {%- endif -%}
- {% endfor %}
- {%- endif -%}
+ {%- if page.tags -%}
+ {% for tag in post.tags %}
+ {% if post.url != page.url %}
+ {% if page.tags contains tag %}
+ {% assign sameTagCount = sameTagCount | plus: 1 %}
+ {% endif %}
+ {%- endif -%}
+ {% endfor %}
+ {%- endif -%}
- {% if sameTagCount >= minCommonTags %}
- {%- include authors/authors.html-%}
- <div class="col-lg-4 col-md-6 mb-4 card-group">
- <div class="card h-100">
- <a href="{{ post.url }}">
- <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
- alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
- </a>
- <div class="card-body">
- <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
- <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+ {% if sameTagCount >= minCommonTags %}
+ {%- include authors/authors.html-%}
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
+ <div class="card h-100">
+ <a href="{{ post.url }}">
+ <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="auto" width="100%"
+ alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
</a>
- </div>
- <div class="card-footer bg-white">
- <div class="wrapfooter">
- {% if post.author %}
- <span class="meta-footer-thumb">
- <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}" {%- if
- site.crossorigin -%} crossorigin {%- endif -%}>
- </span>
- {% endif %}
+ <div class="card-body">
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+ </a>
+ </div>
+ <div class="card-footer bg-white">
+ <div class="wrapfooter">
+ {% if post.author %}
+ <span class="meta-footer-thumb">
+ <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
+ {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+ </span>
+ {% endif %}
- <span class="author-meta">
- <span class="post-name">
- <a target="_blank" href="/blog">{{authorName}}</a>
- </span><br>
- <span class="post-date">{{post.date | date_to_string }}</span>
- </span>
- <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
- title="Read Story">Read
- More</a></span>
+ <span class="author-meta">
+ <span class="post-name">
+ <a target="_blank" href="/blog">{{authorName}}</a>
+ </span><br>
+ <span class="post-date">{{post.date | date_to_string }}</span>
+ </span>
+ <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+ title="Read Story">Read
+ More</a></span>
+ </div>
</div>
</div>
</div>
- </div>
- {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
- {% if maxRelatedCounter >= maxRelated %}
- {% break %}
- {% endif %}
- {%- else -%}
- {%- endif -%}
- {% endfor %}
- {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
+ {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
+ {% if maxRelatedCounter >= maxRelated %}
+ {% break %}
+ {% endif %}
+ {%- else -%}
+ {%- endif -%}
+ {% endfor %}
+ {%- assign remamingPosts = maxRelated | minus: maxRelatedCounter -%}
- {%- if remamingPosts > 0 -%}
- {% assign posts = blogData | where_exp:"post","post.url != page.url" %}
- {% for post in posts %}
- {%- if remamingPosts > 0 -%}
- {%- assign tagData = true -%}
- {%- assign catData = true -%}
- {%- if page.tags -%}
- {% for tag in post.tags %}
- {% if post.url != page.url %}
- {% if page.tags contains tag %}
- {%- assign tagData = false -%}
- {%- break -%}
- {% endif %}
- {%- endif -%}
- {% endfor %}
- {%- endif -%}
- {%- if page.categories-%}
- {%- if tagData == false -%}
- {%- continue -%}
- {%- else -%}
- {% for category in post.categories %}
- {% if post.url != page.url %}
- {% if page.categories contains category %}
- {%- assign catData = false -%}
- {%- break -%}
- {% endif %}
- {% endif %}
- {% endfor %}
- {%- endif -%}
- {%- if catData == false -%}
- {%- continue -%}
- {%- endif -%}
- {%- assign remamingPosts = remamingPosts | minus: 1 -%}
- {%- include authors/authors.html-%}
- <div class="col-lg-4 col-md-6 mb-4 card-group">
- <div class="card h-100">
- <a href="{{ post.url }}">
- <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
- alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
- </a>
- <div class="card-body">
- <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
- <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+ {%- if remamingPosts > 0 -%}
+ {% assign posts = blogData | where_exp:"post","post.url != page.url" %}
+ {% for post in posts %}
+ {%- if remamingPosts > 0 -%}
+ {%- assign tagData = true -%}
+ {%- assign catData = true -%}
+ {%- if page.tags -%}
+ {% for tag in post.tags %}
+ {% if post.url != page.url %}
+ {% if page.tags contains tag %}
+ {%- assign tagData = false -%}
+ {%- break -%}
+ {% endif %}
+ {%- endif -%}
+ {% endfor %}
+ {%- endif -%}
+ {%- if page.categories-%}
+ {%- if tagData == false -%}
+ {%- continue -%}
+ {%- else -%}
+ {% for category in post.categories %}
+ {% if post.url != page.url %}
+ {% if page.categories contains category %}
+ {%- assign catData = false -%}
+ {%- break -%}
+ {% endif %}
+ {% endif %}
+ {% endfor %}
+ {%- endif -%}
+ {%- if catData == false -%}
+ {%- continue -%}
+ {%- endif -%}
+ {%- assign remamingPosts = remamingPosts | minus: 1 -%}
+ {%- include authors/authors.html-%}
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
+ <div class="card h-100">
+ <a href="{{ post.url }}">
+ <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%" loading="lazy"
+ alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
</a>
- </div>
- <div class="card-footer bg-white">
- <div class="wrapfooter">
- {% if post.author %}
- <span class="meta-footer-thumb">
- <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%- if
- site.crossorigin -%} crossorigin {%- endif -%}>
- </span>
- {% endif %}
- <span class="author-meta">
- <span class="post-name">
- <a target="_blank" href="/blog">{{authorName}}</a>
- </span><br>
- <span class="post-date">{{post.date | date_to_string }}</span>
- </span>
- <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
- title="Read Story">Read
- More</a></span>
+ <div class="card-body">
+ <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+ <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+ </a>
</div>
+ <div class="card-footer bg-white">
+ <div class="wrapfooter">
+ {% if post.author %}
+ <span class="meta-footer-thumb">
+ <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}" {%-
+ if site.crossorigin -%} crossorigin {%- endif -%}>
+ </span>
+ {% endif %}
+ <span class="author-meta">
+ <span class="post-name">
+ <a target="_blank" href="/blog">{{authorName}}</a>
+ </span><br>
+ <span class="post-date">{{post.date | date_to_string }}</span>
+ </span>
+ <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+ title="Read Story">Read
+ More</a></span>
+ </div>
+ </div>
</div>
</div>
- </div>
- {%- endif -%}
- {%- endif -%}
+ {%- endif -%}
+ {%- endif -%}
- {% endfor %}
- {%- endif -%}
+ {% endfor %}
+ {%- endif -%}
+ </div>
</div>
</div>
-</div>
+</section>
\ No newline at end of file