topic Re: Blog list page as tabs with categories on each tab in CMS Development

Blog list page as tabs with categories on each tab

JosefinaT — Wed, 04 Dec 2019 19:09:40 GMT

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?

Re: Blog list page as tabs with categories on each tab

DanielSanchez — Thu, 05 Dec 2019 02:16:17 GMT

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! 🙂

Re: Blog list page as tabs with categories on each tab

JosefinaT — Thu, 05 Dec 2019 02:41:56 GMT

Thanks! That worked!