Display Blog based on tags

Store Design
, ,

Topic summary

A user with the HONEY theme wants to display specific blog posts on their blog page filtered by tags (e.g., margarita, café, té). When clicking tagged cards, only posts with those tags should appear.

Solution Provided:

  • A liquid code snippet was shared to iterate through blog tags and display them
  • CSS customization is also possible for styling the tag display
  • The code loops through blog.all_tags and renders each tag

Follow-up Discussion:

  • Another user requested help implementing the solution with a specific tag example (“Newport”)
  • They’re experiencing difficulty applying the provided code
  • The exact tag name needed is “decor”

The thread remains open as implementation assistance is ongoing.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hello, i have the HONEY theme.

I want to put specific blog posts to display on my blog page based on a blog tag.

MezcalMitre_0-1714623459885.png
MezcalMitre_0-1714623459885.png2451×1081 265 KB

I want that this cards (margarita, café, etc) shows de tagged blogs when you click on it

2

@MezcalMitre

You can achieve this buy using some liquid code below also you can use CSS code for what ever style you like refer to the tags code below.


      - {%- for tag in blog.all_tags -%}
            {{ tag }}{% unless forloop.last %}, {% endunless %}
          {%- endfor -%}

thanks

3

Hi @Liquid_xPert_SJ - in your CSS can you plug in the example tag “Newport”? I’m having trouble using your code to help me with this issue.

Thanks!

Ana

4

@itsanadean sure can you please exact name of that tag

5

@Liquid_xPert_SJ exact name of tag is decor