Putting a limit on blog post summary

Highlighted
New Member
2 0 0
Hello I wonder if anyone can kindly help
I am looking to show 3 summary items but can't work out where to put my limit. 
Basically if you look here at the recipe section at the bottom there are 4 recipes (this is all the recipes with the cocktail tag) but i want to show only 3
 

https://nonsuch.myshopify.com/products/copy-of-bittersweet-apple-cardamom-shrub 

 
here is the code
if i put 'limit:3' in the article in blogs line, it limits it to the first 3 in my blog list but what i want to do is show 3 that are tagged with cocktails, but i just can't work out where to put my limit:3 - as it seems i can't  put it in an if statement. I am new to this so any help would be so appreciated. Thank you
 
       {% capture index %}
                    {{ 'now' | date: '%S' | times: blogs[settings.product_recipe_blog].articles.size | divided_by: 60 }} {% endcapture %}
        

        {% for article in blogs[section.settings.recipes_blog].articles offset:index %}

     {% if article.tags contains "Cocktails" %}
        
  
        
            <article class="article">
              <div class="article-img-container">
                {% if article.image %}
                  <div class="img-holder">
                    <a href="{{ article.url }}" title="{{ article.title }}">
                      <img src="{{ article | img_url: 'large' }}" alt="{{ article.title }}">
                    </a>
                  </div>
                {% else %}
                  <div class="img-holder img-holder--no-img">
                    <a href="{{ article.url }}" title="{{ article.title }}">
                    </a>
                  </div>
                {% endif %}
             <p class="article__date">   <time class="date"> <a href="{{ article.url }}"> 
                {{ article.tags }} </a>
                </time> </p> 
              </div>
              
              {% assign author_photo_name = article.author | handleize | append: '.jpg' %}
             
              <div>
              
              </div>
              
              <div class="article__info">
                <h5 class="heading--add article__title">
                  <a href="{{ article.url }}" title="{{ article.title }}">{{ article.title | truncatewords: 3 }}</a>
                </h5>
                  <p>
                  <a href="{{ article.url }}">{{ article.excerpt }}</a>
                </p>
            
              </div>
            </article>
          {% endif %}
        

          {% endfor %} 

 

0 Likes
Highlighted
New Member
2 0 0

Could anyone help? Thank you

0 Likes