Shopify Related Products

shopify-related-products-tags.liquid

{% assign image_size = 'large' %}
{% if product.tags.size > 0 %}
<div class="related-products inline">
  <h2>Related Products</h2>
  <ul class="row"></ul>
</div>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
  var recommendations = [];
  {% for tag in product.tags %}
    recommendations.push('{{ tag | handle }}');
  {% endfor %}
  if (recommendations.length) {
    var list = $('.related-products ul.row');
    var array = [];
    $.ajax({
      url: window.location.origin + '/admin/products.json',
      success: function(res) {
        var products = res.products
        for(var i=0; i<recommendations.length; i++) {
          for(var j=0; j<products.length; j++) {
            if(recommendations[i] === products[j].handle) {
              array.push({
                title: products[j].handle,
                id: products[j].id
              });
            }
          }
        }
      }
    }).done(function() {
      for (var i=0; i<array.length; i++) {
        $.ajax({
          url: window.location.origin + '/admin/products/' + array[i].id + '.json',
          success: function(res) {
            var product = res.product;
            list.append('<li class="col-sm-4">'+
              '<div class="image">'+
                '<a href="' + product.url +'">'+
                  '<img src="' + product.images[0].src + '" class="img-full" />'+
                '</a>'+
              '</div>'+
              '<h4>'+
                '<a href="' + product.url + '">' + product.title + '</a>'+
              '</h4>'+
              '<span class="money">' + Shopify.formatMoney(product.price, "{{ shop.money_format }}") + '</span>'+
            '</li>');
          }
        });
      }
    });
  }
});
</script>
{% endif %}

Quick question, would you know how i can change the below to make it show a maximum of only 4 related products?

{% if settings.display_related_products %}
{% capture limit %}{{ settings.products_per_row | plus: 1 }}{% endcapture %}

{% if collection and collection.all_products_count > 4 %}
  {% assign col = collection.handle %}
{% else %}
  {% assign col = product.collections.last.handle %}
{% endif %}

{% for tag in product.tags %}
  {% if tag contains 'meta-related-collection-' %}
    {% assign col = tag | remove: 'meta-related-collection-' %}
    {% assign collection = collections[col] %}
    {% capture limit %}{{ collection.products_count | plus: 1 }}{% endcapture %}
  {% endif %}
{% endfor %}
  
{% if col and collections[col].all_products_count > 0 %}
  <br class="clear" />
  <br class="clear" />
  <h4 class="title center">{{ 'products.product.related_items' | t }}</h4>

{% assign skip_product = product %}
  {% assign products = collections[col].products %}
  {% assign products_per_row = settings.products_per_row %}
  {% include 'product-loop' with settings.product_sidebar %}
{% endif %}