Show related articles based on article tags - Shopify

related-articles.liquid

<div class='relatedArticles'>
  {% for tag in article.tags %}

  {% assign counter = 0 %}
  {% assign skip_articles = article.handle | split: '.....' %}
  {% for related_article in blog.articles %}
    {% if related_article.tags contains tag and counter < 6 %}
      {% 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="well">
          <h3><a href="{{ related_article.url }}">{{ related_article.title }}</a></h3>
          {% if related_article.excerpt.size > 0 %}
            <p>{{ related_article.excerpt }}</p>
          {% else %}
            <p>{{ related_article.content | truncatewords: 40 }}</p>
          {% endif %}
        </div>
      {% endunless %}
    {% endif %}
  {% endfor %}

  {% endfor %}
</div>

I need to show only 3 article , how I can show them?

I need to show only 3 article , how I can show them?

You can limit the number of posts shown by adding the limit to the for loop on line 7.

{% for related_article in blog.articles limit:3 %}

Thank you for the code, overall works great but as @joshspires mentioned. There is a slight mistake in the code which sets back the skip_articles to the article.handle in every single iteration. This means that the same article can be rendered multiple times. The solution for this one is moving the {% assign skip_articles = article.handle | split: '.....' %} part above the {% for tag in article.tags %} .

This means that the skip_articles won't reset to the article.handle in every iteration.

@nekosan01 thanks for that! I've updated my fork

Does anyone know how to get the next article when one has been skipped? I have a limit of 3 and it only shows two if the article handle is the same

You are probably hitting the default limit of the blog article pagination - i.e. it's not searching all your blog articles. Add {% paginate blog.articles by 999 %} before the {% for related_article in blog.articles %} loop, and add {% endpaginate %} after the loop closes.

(Shopify doesn't like querying A LOT of articles, so I never told you this!)

Hi,
I'm trying to get this code to work for articles with multiple tags. At the moment it works if the article has only one tag, as far as I was able to understand. Any ideas? I've very new to Shopify and liquid development.
Thanks in advance!

Hi, I'm trying to get this code to work for articles with multiple tags. At the moment it works if the article has only one tag, as far as I was able to understand. Any ideas? I've very new to Shopify and liquid development. Thanks in advance!

Are you after the query for articles containing ALL tags, e.g. tag1 and tag2 and tag3 etc, or articles that may contain tag1, or tag2, or tag3 etc?

Thanks for the reply! Good point, didn't clarify properly.
It's articles that contain one or more of the multiple tags in the current article.

The original code will loop through all the tags of the article and pull out related articles with contain those tags - tag by tag, most likely in alphabetical order (not checked). The loop checking is limited by the counter variable. I suspect if you increase that value, it will have more time to loop through all tags before hitting the limit and stop checking.

The code has no 'weight' to article tags or preference other than (I assume) looping in alphabetical order through all article tags. If you think it's also missing articles, it may be hitting the pagination limit before finding them (if you have a lot of blog articles?).

Apologies, the code is in fact working with multiple tags. The inconsistent results I'm getting are most likely related to errors in my own theme, rather than with this code. Thanks again for your help!

I think I understand your suggestion, tried and it didn't work. When an article has multiple tags it simply isn't displaying anything. It might be because the tags aren't 'split', and it's outputting the full string (ex: tag1tag2tag3).

Thank you, sir!