topic Re: Display only 1 tag on blog index card instead of multiple in CMS Development

Display only 1 tag on blog index card instead of multiple

jwill377 — Fri, 17 Sep 2021 19:24:00 GMT

How would I go about having only 1 tag listed on each blog post card on the index page instead of having multiple tags displaying?

Re: Display only 1 tag on blog index card instead of multiple

Teun — Fri, 17 Sep 2021 19:35:50 GMT

Hi @jwill377 ,

Could you share a bit of your current code so we can tweak it?
You could do something like this:

{% set firstTopic = content.topic_list[0] %} {{firstTopic.name}} // Will show the name of the first topic only.

Re: Display only 1 tag on blog index card instead of multiple

jwill377 — Fri, 17 Sep 2021 19:37:31 GMT

My current code is:

<div class="category">
{% for topic in content.topic_list %}
<a href="{{ topic.slug }}" class="topic-link">{{ topic.name }}</a>
{% endfor %}
</div>

Re: Display only 1 tag on blog index card instead of multiple

Teun — Fri, 17 Sep 2021 19:40:26 GMT

Two solutions to handle this:

<div class="category"> {% for topic in content.topic_list %} {% if loop.first %} <a href="{{ topic.slug }}" class="topic-link">{{ topic.name }}</a> {% endif %} {% endfor %} </div>

Second option:

<div class="category"> {% set firstTopic = content.topic_list[0] %} {% if firstTopic %} <a href="{{ firstTopic.slug }}" class="topic-link">{{ firstTopic.name }}</a> {% endif %} </div>

Re: Display only 1 tag on blog index card instead of multiple

jwill377 — Fri, 17 Sep 2021 19:42:49 GMT

The second option works great! Thank you so much!!