We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Displaying blog tags on blog posts

Solved

Displaying blog tags on blog posts

environmentalPa
Excursionist
43 0 11

Hey guys, I'm looking to display the tags that I add to my blog posts in the back end to display in the front end on the actual blog page somewhere. Is this possible?

 

Thanks!!

environmentalPa_0-1750516385408.png

 

Accepted Solution (1)

tim
Shopify Partner
4812 598 1733

This is an accepted solution.

Add a "Custom liquid" section, say, at the top of the template and paste this code:

{% if article.tags.size > 0 %}
  <div class="page-width center">
    {% for t in article.tags %}
      <a
        class="badge full-unstyled-link link--text"
        href={{ blog.url}}/tagged/{{ t | handle }}>
          {{ t | capitalize }}
      </a>
    {% endfor %}
  </div>
{% endif %}

 

Will produce this:

Screenshot 2025-06-22 at 12.41.33 AM.png

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 4 (4)

The_ScriptFlow
Explorer
201 17 25

Hey @environmentalPa,

Would you like to share the store URL so that i can check which theme is used. Based on I can provide you exact solution.

- Need a Shopify Specialist? Chat on WhatsApp Or Email at info@thescriptflow.com
- For any custom section queries, bug fixing please visit: Level 2 Fiverr Profile
- Buy Me a Coffee? Nah… Let’s Upgrade to a Car
- If my solution was helpful, mark it as a solution and hit the like button!

tim
Shopify Partner
4812 598 1733

This is an accepted solution.

Add a "Custom liquid" section, say, at the top of the template and paste this code:

{% if article.tags.size > 0 %}
  <div class="page-width center">
    {% for t in article.tags %}
      <a
        class="badge full-unstyled-link link--text"
        href={{ blog.url}}/tagged/{{ t | handle }}>
          {{ t | capitalize }}
      </a>
    {% endfor %}
  </div>
{% endif %}

 

Will produce this:

Screenshot 2025-06-22 at 12.41.33 AM.png

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
environmentalPa
Excursionist
43 0 11

Tim back at it again with the Excellent plays.

suyash1
Shopify Partner
11112 1367 1751

@environmentalPa yes it is possible, need code tweak to display tags to blog posts, I can do it for you if you can add me to the website as collaborator

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com