topic Re: Can't manage multilevel dynamic pages in CMS Development

Can't manage multilevel dynamic pages

GDiack — Tue, 10 Jun 2025 16:19:39 GMT

Hi HubSpot Community,

I hope someone can help me understand an issue I’m facing with multilevel dynamic pages.

My goal is to have a list of parent articles (which I already have), each linked to several mini articles (child articles).

My setup:

•I have a two-level dynamic page structure.

•The parent table is linked to the child table through the “Child table” column. I’ve assigned the same child table to all 180 rows in the parent table.

•On the other side, in the child table, each row is linked to a row from the parent table via a “Foreign ID” column.

With this setup, I expected URLs like:

(for “article 1” in the parent table)

• www.domain.com/blog/parent-table-article-1/child-table-article-1

• www.domain.com/blog/parent-table-article-1/child-table-article-2

• www.domain.com/blog/parent-table-article-1/child-table-article-3

(for “article 2” in the parent table)

• www.domain.com/blog/parent-table-article-2/child-table-article-4

• www.domain.com/blog/parent-table-article-2/child-table-article-5

• www.domain.com/blog/parent-table-article-2/child-table-article-6

The problem is that each child article currently appears under every single parent article, resulting in 180 URL variations for a single child article.

Any idea what might be wrong in my setup?

Thanks in advance!

Re: Can't manage multilevel dynamic pages

Jaycee_Lewis — Wed, 11 Jun 2025 03:20:01 GMT

Hey, @GDiack 👋 Can you use the code block tool and add your code example inline, please? Screenshots are great for most challenges, but for code, it can be tough to troubleshoot from. Specifically, can you please find and share the code block that contains your {% for ... %} loop for the child articles? Seeing how the variable for that loop is being set (it will be a line using hubdb_table_rows() right before the loop) will be very useful to our community members.

Thanks! — Jaycee

Re: Can't manage multilevel dynamic pages

GDiack — Wed, 11 Jun 2025 05:42:11 GMT

Hi Jaycee! Thanks for your help, here is my code within the code tool 🙂

{% include '../header.html' %} {{ require_css(get_asset_url('./css/sr-blog.css')) }} {# Config #} {% set testing = false %} {% set testing_table_id = 'symptomes_courants' %} {% set testing_row_id = '42653241491' %} {% set testing_page_level = 0 %} {# Table setup #} {% if testing %} {% set table_id = testing_table_id %} {% set page_level = testing_page_level %} {% else %} {% set table_id = dynamic_page_hubdb_table_id %} {% set page_level = dynamic_page_route_level %} {% endif %} {% set table = hubdb_table(table_id) %} {% set row = testing ? hubdb_table_row(table_id, testing_row_id) : dynamic_page_hubdb_row %} {% set symptom = row %} <body class="blog blog-post {{ widget_data.body_class.value }}{% if module.class %} {{ md.module.class }}{% endif %}" {% if md.module.sr_module_id %}id="{{ md.module.sr_module_id }}"{% endif %}> {% block header %} {% boolean "enabled_site_header" label='Enable Global Site Header', value=true, export_to_template_context=True %} {% if widget_data.enabled_site_header.value %} {% global_partial path="../../templates/partials/site_header.html" %} {% endif %} {% endblock header %} {% block body %} {% set md = namespace() %} {% module "blog_post" path='./custom-modules/Blog Post', label="Blog Post Settings" %} {% if md.module.enabled %} {% import "../../templates/macros.html" as macros %} {% if md.module.design_settings.container_width == 'min' %} {% set width_class = 'col-md-6 offset-md-3' %} {% elif md.module.design_settings.container_width == 'narrow' %} {% set width_class = 'col-md-8 offset-md-2' %} {% elif md.module.design_settings.container_width == 'wide' %} {% set width_class = 'col-md-10 offset-md-1' %} {% else %} {% set width_class = 'col-md-12' %} {% endif %} {% set template_class = name|lower|replace(" ","-")|replace("(","")|replace(")","")|regex_replace("[?,.!@#$%&*^<>;:'+=]", "")|regex_replace("[ˆ0-9]","") %} <div class="sr-blog-post {{ template_class }} {% if md.module.design_settings.background_option == 'color' %} bg-{{ md.module.design_settings.background_color }}{% endif %} {{ macros.padding(md.module.design_settings) }} text-{{ md.module.design_settings.text_color }} {{ macros.text_align(md.module.design_settings) }} prototype-no-background{% if md.module.class %} {{ md.module.class }}{% endif %}" {% if md.module.sr_module_id %}id="{{ md.module.sr_module_id }}"{% endif %}> {% dnd_area "content_dnd_area_head", class='content_dnd_area_head' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} <div class="{{ md.module.design_settings.layout }}"> {% if md.module.design_settings.container_width != 'max' %} <div class="row"> <div class="{{ width_class }}"> {% endif %} {% if md.module.enabled_sidebar %} <div class="row"> <div class="col-md-7 blog-col"> <article> {# Testing banner #} {% if false %} <div style="background: #ff8f73; color: white; text-align: center; padding: 10px;"> <details> <summary>Testing Mode Enabled</summary> <h3>Debug Information</h3> <pre> dynamic_page_hubdb_table_id: {{ dynamic_page_hubdb_table_id }} dynamic_page_route_level: {{ dynamic_page_route_level }} current_page_path--: {{ content.absolute_url }} dynamic_page_hubdb_row: {{ dynamic_page_hubdb_row | tojson }} </pre> <details> <summary>Informations de requête</summary> <pre> Table: {{ table.label }}<br> Page Level: {{ page_level }}<br> Row ID: {{ row.hs_id }}<br> Symptom Name: {{ row.hs_name }}<br> Description: {{ row.values.description | truncate(100) }}<br> Slug: {{ row.hs_path }}<br> <br> Colonnes disponibles : {% for column in table.columns %} {{ column.name }}{% if not loop.last %}, {% endif %} {% endfor %} {# Row: {{ row | tojson }}<br> #} </pre> </details> <p style="text-align: center; margin-top: 10px;"> <strong>Simulated URL:</strong> <a href="/symptomes/{{ row.values.slug }}">/symptomes/{{ row.values.slug }}</a> </p> </details> </div> {% endif %} {% dnd_area "content_dnd_area_top", class='content_dnd_area_top' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% if page_level == 0 %} {# PAGE PARENT #} <h1 class="heading h1 text-custom text-" style="color: {{ macros.color(heading.heading_color_custom) }} {% if heading.heading_align != 'auto' %} text-{{ heading.heading_align }}{% endif %}"> {{ row.titre_h1 }} </h1> {# Liste des articles enfants rattachés uniquement à ce parent #} {% set child_table = hubdb_table(row.hs_child_table_id) %} <ul class="children-links"> {% for child in child_table.rows %} {% if child.parent_id == row.hs_id %} <li> <a href="{{ content.absolute_url }}/{{ child.hs_path }}"> {{ child.titre_h1 }} </a> </li> {% endif %} {% endfor %} </ul> {% elif page_level == 1 %} {# PAGE ENFANT #} <h1 class="heading h1 text-custom text-" style="color: {{ macros.color(heading.heading_color_custom) }} {% if heading.heading_align != 'auto' %} text-{{ heading.heading_align }}{% endif %}"> {{ row.titre_h1 }} </h1> {% set parent = row.hs_parent_row %} <p>Article lié à : <a href="/symptomes/{{ parent.hs_path }}">{{ parent.titre_h1 }}</a></p> {% endif %} <div class="blog-content"> {% dnd_area "content_dnd_area_intro", class='content_dnd_area_intro' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.introduction }} {% dnd_area "content_dnd_area_content", class='content_dnd_area_content' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.main_content }} {% dnd_area "content_dnd_area_sub", class='content_dnd_area_sub' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.sub_content }} </div> {% dnd_area "content_dnd_area_bottom", class='content_dnd_bottom' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} </article> </div> {% endif %} {% if md.module.enabled_sidebar %} <div class="col-md-4 offset-md-1 sidebar mt-5 mt-md-0"> <div class="sidebar-wrapper"> {% module "sidebar" path='./custom-modules/Blog Post', label="Sidebar Settings" %} {% dnd_area "sidebar_dnd_area_top", class='sidebar_dnd_area_top' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% set ns = namespace() %} <div data-tag="{{ ns.offer.tag }}"> {% if row.cover_img %} <div class="text-center"> <img src="{{ row.cover_img.url }}" class="mb-4" alt="{{row.cover_img.altText}}" style="width:auto" /> </div> {% endif %} <h3 class="heading"> {{ row.symptom_name }} </h3> {% if row.subtitle %} <div class="mb-4"> <div class="description">{{ row.subtitle }}</div> </div> {% endif %} {% dnd_area "sidebar_dnd_area_middle", class='sidebar_dnd_area_middle' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% if row.symptom_category %} <div class="sidebar-menu tags sr-spacer-top-25"> <h6 class="heading sidebar-heading">Categories</h6> {% set category_names = [] %} {% set category_ids = row.symptom_category %} {% set tags = blog_tags(md.module.tags.blog, md.module.tags.limit) %} <ul> {% for category in category_ids %} <li><a href="#" class="sr-border">{{ category.name }}</a></li> {% endfor %} </ul> </div> {% endif %} {% dnd_area "sidebar_dnd_area_bottom", class='sidebar_dnd_area_bottom' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} </div> </div> </div> {% endif %} {% if md.module.design_settings.container_width != 'max' %} </div> </div> {% endif %} </div> </div> {% require_css %} <style> {{ macros.design_settings(template_class, md.module.design_settings) }} .featured-image-hero { position: relative; {% if md.module.hero.enable_featured_image %} --background: {{ md.module.hero.overlay.css }}; background-size: cover; background-position: center; min-height: {{ md.module.hero.height }}px; background-image:url('{{ content.featured_image }}'); {% if md.module.hero.parallax %} background-attachment: fixed; {% endif %} {% else %} background-color: {{ md.module.hero.background_color.css }}; {% endif %} } .related-post:nth-child(n+{{ posts_limit}}) { display: none; } @media(max-width:993px) { .featured-image-hero { min-height: auto !important; } } {% if md.module.hero.text_color == "custom" %} .hero-content { color: {{ md.module.hero.text_color_custom.css }}; } {% endif %} </style> {% end_require_css %} {% endif %} {% endblock body %} {% block footer %} {% global_partial path="./partials/blog_footer.html" %} {% boolean "enabled_site_footer" label='Enable Global Site Footer', value=true, export_to_template_context=True %} {% if widget_data.enabled_site_footer.value %} {% global_partial path="../../templates/partials/site_footer.html" %} {% endif %} {% endblock footer %} {% include '../footer-includes.html' %} </body> </html>

Re: Can't manage multilevel dynamic pages

kosalaindrasiri — Wed, 11 Jun 2025 10:31:15 GMT

Hey @GDiack,

You're seeing every child article appear under every parent, which usually means that your filtering logic isn’t correctly limiting the child articles to just the current parent.

In your code,

{% for child in child_table.rows %} {% if child.parent_id == row.hs_id %}

Instead of that, try use

{% if child.parent_id.id == row.hs_id %}

Further read: https://developers.hubspot.com/docs/guides/cms/content/data-driven-content/dynamic-pages/multilevel

Hope this helps!

Regards,

Re: Can't manage multilevel dynamic pages

GDiack — Wed, 11 Jun 2025 11:08:03 GMT

Hi @kosalaindrasiri
i did replace with :

{% if child.parent_id.id == row.hs_id %}

But I don’t think it makes any difference, since the pages that were created are still published shouldn’t they lead to 404 ?

my code below with the changes :

{% include '../header.html' %} {{ require_css(get_asset_url('./css/sr-blog.css')) }} {# Config #} {% set testing = false %} {% set testing_table_id = 'symptomes_courants' %} {% set testing_row_id = '42653241491' %} {% set testing_page_level = 0 %} {# Table setup #} {% if testing %} {% set table_id = testing_table_id %} {% set page_level = testing_page_level %} {% else %} {% set table_id = dynamic_page_hubdb_table_id %} {% set page_level = dynamic_page_route_level %} {% endif %} {% set table = hubdb_table(table_id) %} {% set row = testing ? hubdb_table_row(table_id, testing_row_id) : dynamic_page_hubdb_row %} {% set symptom = row %} <body class="blog blog-post {{ widget_data.body_class.value }}{% if module.class %} {{ md.module.class }}{% endif %}" {% if md.module.sr_module_id %}id="{{ md.module.sr_module_id }}"{% endif %}> {% block header %} {% boolean "enabled_site_header" label='Enable Global Site Header', value=true, export_to_template_context=True %} {% if widget_data.enabled_site_header.value %} {% global_partial path="../../templates/partials/site_header.html" %} {% endif %} {% endblock header %} {% block body %} {% set md = namespace() %} {% module "blog_post" path='./custom-modules/Blog Post', label="Blog Post Settings" %} {% if md.module.enabled %} {% import "../../templates/macros.html" as macros %} {% if md.module.design_settings.container_width == 'min' %} {% set width_class = 'col-md-6 offset-md-3' %} {% elif md.module.design_settings.container_width == 'narrow' %} {% set width_class = 'col-md-8 offset-md-2' %} {% elif md.module.design_settings.container_width == 'wide' %} {% set width_class = 'col-md-10 offset-md-1' %} {% else %} {% set width_class = 'col-md-12' %} {% endif %} {% set template_class = name|lower|replace(" ","-")|replace("(","")|replace(")",")")|regex_replace("[?,.!@#$%&*^<>;:'+=]","")|regex_replace("[ˆ0-9]","") %} <div class="sr-blog-post {{ template_class }} {% if md.module.design_settings.background_option == 'color' %} bg-{{ md.module.design_settings.background_color }}{% endif %} {{ macros.padding(md.module.design_settings) }} text-{{ md.module.design_settings.text_color }} {{ macros.text_align(md.module.design_settings) }} prototype-no-background{% if md.module.class %} {{ md.module.class }}{% endif %}" {% if md.module.sr_module_id %}id="{{ md.module.sr_module_id }}"{% endif %}> {% dnd_area "content_dnd_area_head", class='content_dnd_area_head' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} <div class="{{ md.module.design_settings.layout }}"> {% if md.module.design_settings.container_width != 'max' %} <div class="row"> <div class="{{ width_class }}"> {% endif %} {% if md.module.enabled_sidebar %} <div class="row"> <div class="col-md-7 blog-col"> <article> {% dnd_area "content_dnd_area_top", class='content_dnd_area_top' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% if page_level == 0 %} {# PAGE PARENT #} <h1 class="heading h1 text-custom text-" style="color: {{ macros.color(heading.heading_color_custom) }} {% if heading.heading_align != 'auto' %} text-{{ heading.heading_align }}{% endif %}"> {{ row.titre_h1 }} </h1> {# Liste des articles enfants rattachés uniquement à ce parent #} {% set child_table = hubdb_table(row.hs_child_table_id) %} <ul class="children-links"> {% for child in child_table.rows %} {% if child.parent_id.id == row.hs_id %} <li> <a href="{{ content.absolute_url }}/{{ child.hs_path }}"> {{ child.titre_h1 }} </a> </li> {% endif %} {% endfor %} </ul> {% elif page_level == 1 %} {# PAGE ENFANT #} <h1 class="heading h1 text-custom text-" style="color: {{ macros.color(heading.heading_color_custom) }} {% if heading.heading_align != 'auto' %} text-{{ heading.heading_align }}{% endif %}"> {{ row.titre_h1 }} </h1> {% set parent = row.hs_parent_row %} <p>Article lié à : <a href="/symptomes/{{ parent.hs_path }}">{{ parent.titre_h1 }}</a></p> {% endif %} <div class="blog-content"> {% dnd_area "content_dnd_area_intro", class='content_dnd_area_intro' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.introduction }} {% dnd_area "content_dnd_area_content", class='content_dnd_area_content' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.main_content }} {% dnd_area "content_dnd_area_sub", class='content_dnd_area_sub' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {{ row.sub_content }} </div> {% dnd_area "content_dnd_area_bottom", class='content_dnd_bottom' label="content" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} </article> </div> {% endif %} {% if md.module.enabled_sidebar %} <div class="col-md-4 offset-md-1 sidebar mt-5 mt-md-0"> <div class="sidebar-wrapper"> {% module "sidebar" path='./custom-modules/Blog Post', label="Sidebar Settings" %} {% dnd_area "sidebar_dnd_area_top", class='sidebar_dnd_area_top' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% set ns = namespace() %} <div data-tag="{{ ns.offer.tag }}"> {% if row.cover_img %} <div class="text-center"> <img src="{{ row.cover_img.url }}" class="mb-4" alt="{{row.cover_img.altText}}" style="width:auto" /> </div> {% endif %} <h3 class="heading"> {{ row.symptom_name }} </h3> </div> {% if row.subtitle %} <div class="mb-4"> <div class="description">{{ row.subplot }}</div> </div> {% endif %} {% dnd_area "sidebar_dnd_area_middle", class='sidebar_dnd_area_middle' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} {% if row.symptom_category %} <div class="sidebar-menu tags sr-spacer-top-25"> <h6 class="heading sidebar-heading">Categories</h6> {% set category_ids = row.symptom_category %} <ul> {% for category in category_ids %} <li><a href="#" class="sr-border">{{ category.name }}</a></li> {% endfor %} </ul> </div> {% endif %} {% dnd_area "sidebar_dnd_area_bottom", class='sidebar_dnd_area_bottom' label="sidebar" %} {% dnd_section %} {% end_dnd_section %} {% end_dnd_area %} </div> </div> {% endif %} {% if md.module.design_settings.container_width != 'max' %} </div> </div> {% endif %} </div> </div> {% require_css %} <style> {{ macros.design_settings(template_class, md.module.design_settings) }} .featured-image-hero { position: relative; {% if md.module.hero.enable_featured_image %} --background: {{ md.module.hero.overlay.css }}; background-size: cover; background-position: center; min-height: {{ md.module.hero.height }}px; background-image:url('{{ content.featured_image }}'); {% if md.module.hero.parallax %} background-attachment: fixed; {% endif %} {% else %} background-color: {{ md.module.hero.background_color.css }}; {% endif %} } .related-post:nth-child(n+{{ posts_limit}}) { display: none; } @media(max-width:993px) { .featured-image-hero { min-height: auto !important; } } {% if md.module.hero.text_color == "custom" %} .hero-content { color: {{ md.module.hero.text_color_custom.css }}; } {% endif %} </style> {% end_require_css %} {% endif %} {% endblock body %} {% block footer %} {% global_partial path="./partials/blog_footer.html" %} {% boolean "enabled_site_footer" label='Enable Global Site Footer', value=true, export_to_template_context=True %} {% if widget_data.enabled_site_footer.value %} {% global_partial path="../../templates/partials/site_footer.html" %} {% endif %} {% endblock footer %} {% include '../footer-includes.html' %} </body> </html>

Thanks 🙏

Re: Can't manage multilevel dynamic pages

kosalaindrasiri — Wed, 11 Jun 2025 11:27:05 GMT

@GDiack,

According to Hubspot, each row in your HubDB table creates a dynamic page, and if you're using multi-level dynamic pages (like /parent/child), Hubspot combines all possible child rows with each parent route, unles you apply logic to control or restrict that.

So in your case, I think even if a child article is linked to "Parent Article A", HubSpot still generates that same child under every other parent (because they all use the same child table).

Kindly refer the below mentioned docs:

Wish I had a more solid solution for you, but hope this helps point you in the right direction!

Re: Can't manage multilevel dynamic pages

Jaycee_Lewis — Thu, 12 Jun 2025 17:52:03 GMT

Hey @GDiack 👋 I think @kosalaindrasiri did a great job of getting us closer.

You already have:

the parent from the URL: row.hs_parent_row
the correct parent from your table data: row.parent_id

Have you tried using a conditional {% if %} block to check if those two parents are actually the same?

Talk soon! — Jaycee