CMS Development

jwill377
メンバー

Display only 1 tag on blog index card instead of multiple

解決

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 いいね!
1件の承認済みベストアンサー
Teun
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Display only 1 tag on blog index card instead of multiple

解決

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.


元の投稿で解決策を見る

4件の返信
Teun
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Display only 1 tag on blog index card instead of multiple

解決

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 いいね!
jwill377
メンバー

Display only 1 tag on blog index card instead of multiple

解決

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 いいね!
Teun
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Display only 1 tag on blog index card instead of multiple

解決

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
メンバー

Display only 1 tag on blog index card instead of multiple

解決

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