Noissue - Use selectattr() filter to filter page metadata

templates/product-home.tmpl

 {% extends "templates/minimal" %}
 
 {% set product = products[product_id] %}
 {% set title_suffix = product.full_name + " Help Center" %}
 
 {% block body %}
 <main id="main" class="container">
   <header class="product-heading">
     <h1 class="has-pre-icon">
       <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"></span>
       {{ product.full_name + " Help Center" | translate(product_id+"-help-home-title", "Page title") }}
     </h1>
   </header>
 
-  {% set popular_topics = get_pages_metadata({ "product_id": product_id, "template": "article", "popular": "true" }) %}
+  {% set product_topics = get_pages_metadata()|selectattr("product_id", "equalto", product_id)
+                                              |selectattr("template", "equalto", "article")|list %}
+  {% set popular_topics = product_topics|selectattr("popular", "equalto", "true")|list %}
   {% if popular_topics %}
   <section class="card {{ product_id }}-card section">
     <h2 class="card-heading has-pre-icon">
       <span class="pre-icon" style="{{ get_inline_bg('popular-icon') }}"></span>
       {{ "Popular Topics" | translate("popular-topics-title", "Section title") }}
     </h2>
 
     <ul class="underlined-list row">
       {% for article in popular_topics %}
       <li class="column one-half">
         <a href="{{ article["page"] }}">
           {{ article.title | translate( get_page_name( article["page"]) + "-title", "Article title") }}
         </a>
       </li>
       {% endfor %}
     </ul>
   </section>
   {% endif %}
 
   <div class="row">
     {% for category in product.help_categories %}
-    {% set articles = get_pages_metadata({ "product_id": product_id, "template": "article", "category": category.name }) %}
+    {% set articles = product_topics|selectattr("category", "equalto", category.name)|list %}
     {% if articles and category.name != 'Popular Topics' %}
     <section class="section column one-half">
       <h2 class="h4 has-pre-icon">
         <span class="pre-icon" style="{{ get_inline_bg(category.icon) }}"></span>
         {{ category.name | translate( category.slug + "-category-title", "Category title") }}
       </h2>
 
       <ul class="underlined-list">
         {% for article in articles %}
         <li>
           <a href="{{ article["page"] }}">
             {{ article.title | translate( get_page_name( article["page"]) + "-title", "Article title") }}
           </a>
         </li>
         {% endfor %}
       </ul>
     </section>
     {% endif %}
     {% endfor %}
   </div>
 
 </main>
 {% endblock %}
 
 {% block footer %}
 <? include contact ?>
 {% endblock %}