Displaying multiple categories separately

Question

I am having difficulty understanding how to display multiple categories inside an entry. This example is for a church website where sermons have multiple categories, such as which service it was in, and who the speaker was.

This is what I'm trying to accomplish:

{exp:channel:entries channel="sermons" limit="10" orderby="entry_date" sort="asc"}
    <div class="post">
        <h3><a href="{title_permalink='sermons/'}">{title}</a></h3>
        <time>{entry_date format="%F %j, %Y"}</time>
        <span class="speaker">{speaker_name}</span>
        <span class="service">{service_name}</span>
    </div><!--/.post-->
{/exp:channel:entries}

As you can see, I want to display the two categories inside the entries loop, but I'm not sure how to do this.

Any guidance would be greatly appreciated. Thank you much!

Answer 1

You want to use the categories tag pair (not to be confused with exp:channel:categories)

{exp:channel:entries channel="sermons" limit="10" orderby="entry_date" sort="asc"}
    <div class="post">
        <h3><a href="{title_permalink='sermons/'}">{title}</a></h3>
        <time>{entry_date format="%F %j, %Y"}</time>
        {categories show_group="2"}
            <span class="speaker">{category_name}</span>
        {/categories}
        {categories show_group="3"}
            <span class="service">{category_name}</span>
        {/categories}
    </div><!--/.post-->
{/exp:channel:entries}

The above assumes that Speaker category group is ID 2 and Service category group is ID 3.

You could do it as one loop instead of the two:

    {categories show_group="2|3"}
        <span class="{if category_group == 2}speaker{if:elseif category_group == 3}service{/if}">{category_name}</span>
    {/categories}