CMS Development

jwill377
Mitglied

Display only 1 tag on blog index card instead of multiple

lösung

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 Akzeptierte Lösung
Teun
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

Display only 1 tag on blog index card instead of multiple

lösung

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>


Learn more about HubSpot by following me on LinkedIn or YouTube

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


Lösung in ursprünglichem Beitrag anzeigen

4 Antworten
Teun
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

Display only 1 tag on blog index card instead of multiple

lösung

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.

 



Learn more about HubSpot by following me on LinkedIn or YouTube

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


0 Upvotes
jwill377
Mitglied

Display only 1 tag on blog index card instead of multiple

lösung

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
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

Display only 1 tag on blog index card instead of multiple

lösung

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>


Learn more about HubSpot by following me on LinkedIn or YouTube

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


jwill377
Mitglied

Display only 1 tag on blog index card instead of multiple

lösung

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