Blog list page as tabs with categories on each tab

[JosefinaT]

I need to create a tabbed menu for the blog listing page with each tab pulling in different blog categories.

Something similar to this: https://www.w3schools.com/howto/howto_js_tabs.asp

Or this image below may help as well. Are there examples online for this?

[DanielSanchez · Accepted solution]

Hi @JosefinaT ,

I use this code to create one menu of tags in my blog HubSpot:

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

Look the result without CSS:

Now, u can create the style to configure the layout you need.  Look how the code above stayed, after i configure the CSS in one template that i created:

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

[JosefinaT]

Thanks! That worked!