topic Re: Blog Counter Post in CMS Development

Blog Counter Post

Vitni — Tue, 30 Mar 2021 13:15:31 GMT

Hello there,

We're trying to code a custom post filter via HubL Module. The links are working fine but we're taking a hard time to make the blog shows the correct number. Found a old post in the forum but it counts like blog_total_pages instead of the tags.

{% set my_tags = blog_tags('default', 250) %} <ul> {% for item in my_tags %} <li><a href="{{ blog_tag_url(group.id, item.slug) }}">{{ item }} ({{item.live_posts}})</a></li> {% endfor %} </ul>

Even just pasting the {{item.live_posts}}, the counter still doesn't work. Is there a specific HubL variables to list all our blog_tags and be able to list them in separated <li>?

Thanks

EDIT: To make it simplier, here's our module right now:

<div class="widget-module"> <ul> {% set my_tags = blog_tags('tag1', 'tag2', 'tag3', 3) %} {% for item in my_tags %} </ul> <ul style="width:70%;margin:auto;font-size:18px;"> <li class="tag1"> <a href="https://exampleblog.com/tag/tag1">Tag 1 ({{item.live_posts}}) </a> </li> <li class="tag2"> <a href="https://exampleblog.com/tag/tag2">Tag 2 ({{item.live_posts}}) </a> </li> <li class="tag3"> <a href="https://exampleblog.com/tag/tag3">Tag 3 ({{item.live_posts}}) </a> </li> </ul> {% endfor %} </div>

We found out {{item.live_posts}} is the blog counter but we can't manage it to work.

Re: Blog Counter Post

sharonlicari — Tue, 30 Mar 2021 10:57:47 GMT

Hey @Vitni

Welcome to the Community!

Thank you for sharing this information and some context. I'll invite to this conversation a few experts that can share their thoughts with you.

Hey @mangelet @alyssamwilie what would you advise in this case?

Thanks

Sharon

Re: Blog Counter Post

alyssamwilie — Tue, 30 Mar 2021 12:59:40 GMT

@Vitni

I tested the code you posted and it's working how it should on my end. Can you post a screenshot of what it's outputting for you? Are you using that exact code or did you make any changes?

Re: Blog Counter Post

Vitni — Tue, 30 Mar 2021 13:13:44 GMT

Hi @alyssamwilie

Thanks for the heads up. Yes, simply pasting the code works fine, but it lists all the tags we used like the image below:

We'd like to make the code shows specific tags listed in red.

However, the bullets need to be customized too, so our module have a css with list-style-image from these <li>

All we need is to make this {{item_live_posts}} shows their specific count number. I edited my previous post with our html right now.

Thanks

Re: Blog Counter Post

alyssamwilie — Tue, 30 Mar 2021 13:26:31 GMT

@Vitni The blog_tags function doesn't have a parameter for only showing particular tags so you would need a separate array to check against and then you'll only want a single li inside your for loop as the loop will print the content inside it for every item in the loop.

{% set all_tags = blog_tags('default', 250) %} {% set my_tags = ['Tag 1 Name', 'Tag 2 Name', 'Tag 3 Name'] %} // Replace the names here with the tag names you want listed <ul> {% for item in all_tags %} {% if item.name in my_tags %} <li class="{{ item.slug }}"> <a href="{{ blog_tag_url(group.id, item.slug) }}">{{ item.name }} ({{item.live_posts}}) </a> </li> {% endif %} {% endfor %} </ul>

Re: Blog Counter Post

Vitni — Tue, 30 Mar 2021 13:39:13 GMT

@alyssamwilie Thank you for the clarification. Replaced the tag names but unfortunately it returned a blank preview with no results.

Besides replacing the tags name, do I need to change something else?

Re: Blog Counter Post

alyssamwilie — Tue, 30 Mar 2021 15:08:32 GMT

@Vitni Hm, it might have an issue with the accented letters. May need to use the slug instead of the name. The slug would be the hyphenated version of the tag that is used in the tag URL. Example: A tag named "Creative Marketing" would have a slug of "creative-marketing".

{% set all_tags = blog_tags('default', 250) %} {% set my_tags = ['tag-name-slug', 'tag-name-slug', 'tag-name-slug'] %} // Replace the names here with the tag slug (this is the hyphenated version of the name that would show in the tag url) <ul> {% for item in all_tags %} {% if item.slug in my_tags %} <li class="{{ item.slug }}"> <a href="{{ blog_tag_url(group.id, item.slug) }}">{{ item.name }} ({{item.live_posts}}) </a> </li> {% endif %} {% endfor %} </ul>

Re: Blog Counter Post

Vitni — Tue, 30 Mar 2021 15:22:06 GMT

@alyssamwilie Yes!!! It works like a charm. Thank you so much for the solution 🙂