# Load More Button

**URL:** <https://community.hubspot.com/t/load-more-button/18115>\
**Category:** CMS Development\
**Tags:** content\
**Created:** [January 15, 2020, 6:20am UTC](https://community.hubspot.com/t/load-more-button/18115 "2020-01-15T06:20:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ketan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ketan/32/98997_2.png) [@ketan](https://community.hubspot.com/u/ketan)\
**Post date:** [January 15, 2020, 6:20am UTC](https://community.hubspot.com/t/load-more-button/18115/1 "2020-01-15T06:20:22Z")

</div>

Hi,

I create custom module of Case-Study.

Currently load more button is loading if there is not post.

I need Load More button when there are more than 3 post. Basically I need count of listing items.

Below is the code.

Thanks in advace!

==============================================

{% set topic\_posts = blog\_recent\_topic\_posts(‘default’, ‘information’, 1000000000) %}

{% for topic\_post in topic\_posts %}  
{# \<div class=“post-title”\>{{ topic\_post.name }}\</div\> #}

\<div class=“post-item”\>  
\<div class=“blog-article-content”\>  
\<div class=“blog\_image\_left”\>  
{% if topic\_post.featured\_image %}  
\<div class=“hs-featured-image-wrapper”\>  
\<a href=“{{topic\_post.absolute\_url}}” title=“” class=“hs-featured-image-link”\>  
\<img src=“{{ topic\_post.featured\_image }}” class=“hs-featured-image”\>  
\</a\>  
\</div\>  
{% endif %}  
\</div\>  
\<div class=“blog\_content\_right”\>  
\<div class=“post-header”\>  
{% if topic\_post.topic\_list %}  
\<div class=“topic\_box”\>  
{% for topic in topic\_post.topic\_list %}  
\<a class=“topic-link” href=“{{ topic\_post.parent\_blog.absolute\_url }}/topic/{{ topic.slug }}”\>{{topic}}\</a\>{% if not loop.last %}\<span class=“topic-link”\>,\</span\>{% endif %}  
{% endfor %}  
\</div\>  
{% endif %}  
\<h2 class=“title\_blog”\>{{ topic\_post.name }}\</h2\>  
\</div\>  
\<div class=“post-body clearfix”\>  
\<!--post summary--\>  
{% if topic\_post.post\_list\_summary\_featured\_image %}  
\<div class=“hs-featured-image-wrapper”\>  
\<a href=“{{topic\_post.absolute\_url}}” title=“” class=“hs-featured-image-link”\>  
\<img src=“{{ topic\_post.post\_list\_summary\_featured\_image }}” class=“hs-featured-image”\>  
\</a\>  
\</div\>  
{% endif %}  
{{ topic\_post.post\_list\_content|safe|truncatehtml(100) }}  
\</div\>  
{% if content\_group.show\_summary\_in\_listing %}  
\<a class=“more-link btn-primary-stag” href=“{{ topic\_post.absolute\_url }}”\>READ ARTICLE\</a\>  
{% else %}  
\<a class=“more-link btn-primary-stag” href=“{{ topic\_post.absolute\_url }}”\>READ ARTICLE\</a\>  
{% endif %}

\</div\>  
\</div\>  
\</div\>  
{% endfor %}

\<!-- Load More --\>  
\<div style=“text-align:center;clear: both;margin-top: 5em;”\>  
\<a href=“#” id=“loady” class=“load\_more”\>LOAD MORE\</a\>  
\</div\>  
\<p class=“totop”\>  
\<a href=“#top” id=“back2Top” style=“font-size:18px;”\>Back to top \<span style=“font-size:30px;”\>\⇧\</span\>\</a\>  
\</p\>  
\<!-- Load More --\>

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [January 15, 2020, 1:59pm UTC](https://community.hubspot.com/t/load-more-button/18115/2 "2020-01-15T13:59:57Z")

</div>

Hey @ketan

[This conversation](https://community.hubspot.com/t5/CMS-Development/Load-more-blog-posts/td-p/198301) might get you moving in the right direction.

---

<div class="post-metadata">

**Author:** ![shift8web](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/shift8web/32/205513_2.png) [@shift8web](https://community.hubspot.com/u/shift8web)\
**Post date:** [March 13, 2025, 2:02pm UTC](https://community.hubspot.com/t/load-more-button/18115/3 "2025-03-13T14:02:16Z")

</div>

I wrote a guide in how I accomplished [creating a custom “load more” button for our Hubspot blog](https://shift8web.ca/how-to-add-a-load-more-button-to-your-hubspot-blog/)

It involved creating a custom blog listing module but it works flawlessly. Hopefully this helps someone else out there!