Shopify Related Article By Tag

related-article

<div class="related-articles">
  <h2 class="h3 text-center">{{ section.settings.related_article_heading }}</h2>
   <div class="article_cols articles">  
  {% assign counter = 0 %}
  {% for tag in article.tags %}
  {% assign skip_articles = article.handle | split: '.....' %}
  {% for related_article in blog.articles %}
    {% if related_article.tags contains tag and counter < 3 %}
      {% unless skip_articles contains related_article.handle %}
        {% assign counter = counter | plus: 1 %}
        {% assign temp = related_article.handle | split: '.....' %}
        {% assign skip_articles = skip_articles | concat: temp %}
            <div class="article_col article">
              <div class="article_img">
                {% if related_article.image != blank %}
                <a href="{{ related_article.url }}"><img src="{{ related_article.image | img_url:'master' }}" alt="Blog Image" /> </a>
                {% endif %}
              </div>                                       
              <div class="artile_title">
                <h5><a href="{{ related_article.url }}">{{ related_article.title }}</a></h5>
              </div>
            </div>          
      {% endunless %}
    {% endif %}
  {% endfor %}
  {% endfor %}   
   </div>
</div>