Blog cataloge page using tags and corresponding blogs

Themes
1

Hi all,

So I am trying to make a blog catalogue page as shown below but I am getting the same posts for each selected primary tag. Any idea how to pass data to the filter when using {{#get}} to get blogs inside a {{#get}} helper to get tags?

I have tried using the filter attribute as outlined in the #get helper documentation as {{#get "posts" limit="3" filter="slug:{{slug}}"}} (See code below), but it seems that data from the first #foreach that returns tags is not passed to the #get helper inside it.

image
image994×763 71 KB 

        <!-- RETURN LIST OF DESIRED PRIMARY TAGS -->
        {{#get "tags" filter="slug:getting-started,name:[europe,america,asia]" include="posts" as |primarytag|}}
        {{#foreach primarytag}}

        <div class="post-card-content">
            <div class="post-card-content-link">
                <header class="post-card-header">
                    <div class="post-card-primary-tag">Tagged</div>
                    <h2 class="post-card-title text-uppercase">{{name}}</h2>
                </header>
                <div class="post-card-excerpt">
                    <p>
                        {{#if description}}
                        {{description}}
                        {{else}}
                        A collection of {{plural ../pagination.total empty='zero posts' singular='% post' plural='%
                        posts'}}
                        {{/if}}
                    </p>
                </div>
            </div>
        </div>

       <!-- HERE TO GET BLOGS -->
        {{#get "posts" limit="3" }}

        <div class="post-feed{{#match @custom.feed_layout " List"}} list{{/match}}">
            {{#foreach posts}}
            {{> "post-card"}}
            {{/foreach}}
        </div>
        {{/get}}


        {{/foreach}}
        {{/get}}
2

Never mind, I managed to do it by just getting the ‘posts’ through a {{#get}} helper and then looping each primary tag followed by a post loop (see code below, some classes belong to bootstrap which I have for my theme)

        {{#get "posts" include="tags"}}
        <div class="row">
            {{#foreach posts}}
            {{#foreach tags limit="1"}}
            <div class="post-card-content item" data-slug="{{slug}}">
                <div class="post-card-content-link px-3 mb-4" style="background-color: #198754; color:white">
                    <header class="post-card-header">
                        <h2 class="post-card-title text-uppercase">{{name}}</h2>
                    </header>
                    <div class="post-card-excerpt" style="color:white">
                        <p>
                            {{#if description}}
                            {{description}}
                            {{else}}
                            A collection of {{plural ../pagination.total empty="zero posts" singular="% post" plural="%
                            posts"}}
                            {{/if}}
                        </p>
                    </div>
                </div>
            </div>
            {{/foreach}}
            <div class="col-xl-4 col-log-4 col-md-4 col-sm-12 mb-5">
                {{> "post-card"}}
            </div>
            {{/foreach}}
        </div>
        {{/get}}