We display our Top Articles on the Category and Section landing pages. Here is what it looks like:

Displaying Top articles on Category landing pages

To Display the Top Articles on the Category landing pages you can use this code in your Category template:

{{#is category.id '11111'}}
<div class="top_articles">
<h2>Top Articles 1</h2>
<ol>
<li>Article 1</li>
<li>Article 2</li>
<li>Article 3</li>
<li>Article 4</li>
<li>Article 5</li>
</ol>
</div>
{{/is}}

{{#is category.id '22222'}}
<div class="top_articles">
<h2>Top Articles 2</h2>
<ol>
<li>Article 1</li>
<li>Article 2</li>
<li>Article 3</li>
<li>Article 4</li>
<li>Article 5</li>
</ol>
</div>
{{/is}}

Repeat that for as many categories as you need to run through.

Displaying Top articles on Section landing pages

To Display the Top Articles in a Category on the Section Landing Pages, use this code in your section templage:

<div class="top_articles1" style="display: none;">
<h2>Top Articles 1</h2>
<ol>
<li>Article 1</li>
<li>Article 2</li>
<li>Article 3</li>
<li>Article 4</li>
<li>Article 5</li>
</ol>
</div>
<div class="top_articles2" style="display: none;">
<h2>Top Articles 2</h2>
<ol>
<li>Article 1</li>
<li>Article 2</li>
<li>Article 3</li>
<li>Article 4</li>
<li>Article 5</li>
</ol>
</div>

<script>
var _catId = $('.breadcrumbs li:nth-child(2) a').attr('href').match(/[0-9]+/)[0];

if (_catId == '11111') {
$('.top_articles1').show();
}
if (_catId == '22222') {
$('.top_articles2').show();
}
</script>

Repeat that for as many categories as you need to run through.