Pillar Page: Scrolling down URL changes

[MohammedKareem]

Hello,

I am trying to create pillar page listing design where the listing page should display all the post and when scrolling down to their respective post the url should be change dynamically. I can able to list all the post in one listing page but i am facing problem when we scroll down to the respective post the url is not changing. I hope we need to do extra coding to it.

Below is my code:

<div class="post-listing{% if simple_list_page %}-simple{% endif %}">
{% for content in contents %}
<div class="post-item {% for topic in content.topic_list %}{% if loop.first %}{{ topic.slug }}{% endif %}{% endfor %}"> <!-- print first topic as element class -->
{% if not simple_list_page %}
<div class="post-header">
<h2><a href="{{content.absolute_url}}">{{ content.name }}</a></h2>
</div>
{% if content.topic_list %}
<p class="topic-list">
{% for topic in content.topic_list %}
{{ content.post_body }}{% if not loop.last %},{% endif %} {% endfor %}
</p>
{% endif %} {% else %}
<h2 class="post-listing-simple"><a href="{{content.absolute_url}}">{{ content.name }}</a></h2> {% endif %}
</div>
{% endfor %}
</div>

Below is the reference link which i am trying to implement in our cluster page.

https://www.typeform.com/blog/guides/customer-success/

Thanks & Regards,

Mohammed Kareem

[Kevin-C · Accepted solution]

Hey @MohammedKareem,

Check out this link. It's got the major functional parts you're looking for, unfortunetly you'll probably have to peice together a solution as I'm not sure this is something hubspot supports or recommends.

Hope this helps.