Display only 1 tag on blog index card instead of multiple

SOLVE
jwill377
Member

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?

0 Upvotes
1 Accepted solution

Accepted Solutions
Teun
Solution
Guide | Diamond Partner

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>
Did my answer solve your issue? Help the community by marking it as the solution.

View solution in original post

4 Replies 4
Teun
Guide | Diamond Partner

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.

 

Did my answer solve your issue? Help the community by marking it as the solution.
0 Upvotes
jwill377
Member

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>

0 Upvotes
Teun
Solution
Guide | Diamond Partner

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>
Did my answer solve your issue? Help the community by marking it as the solution.

View solution in original post

jwill377
Member

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