CMS Development

jwill377
Membre

Display only 1 tag on blog index card instead of multiple

Résolue

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 Votes
1 Solution acceptée
Teun
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

Display only 1 tag on blog index card instead of multiple

Résolue

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.


Voir la solution dans l'envoi d'origine

4 Réponses
Teun
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

Display only 1 tag on blog index card instead of multiple

Résolue

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 Votes
jwill377
Membre

Display only 1 tag on blog index card instead of multiple

Résolue

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 Votes
Teun
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

Display only 1 tag on blog index card instead of multiple

Résolue

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
Membre

Display only 1 tag on blog index card instead of multiple

Résolue

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