# Cloned module's errors after inserting breadcrumb menu code

**URL:** <https://community.hubspot.com/t/cloned-modules-errors-after-inserting-breadcrumb-menu-code/129504>\
**Category:** CMS Development\
**Tags:** enterprise\
**Created:** [April 8, 2025, 3:56pm UTC](https://community.hubspot.com/t/cloned-modules-errors-after-inserting-breadcrumb-menu-code/129504 "2025-04-08T15:56:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![CSeto](https://avatars.discourse-cdn.com/v4/letter/c/838e76/32.png) [@CSeto](https://community.hubspot.com/u/CSeto)\
**Post date:** [April 8, 2025, 3:56pm UTC](https://community.hubspot.com/t/cloned-modules-errors-after-inserting-breadcrumb-menu-code/129504/1 "2025-04-08T15:56:24Z")

</div>

Hi,

I cloned the blog-post-header module into a child theme in order to add breadcrumbs. The breadcrumb code:

```lia-code-sample
 {%
 menu "breadcrumbs_nav"
 id=001,
 path="@hubspot/menu",
 root_type="breadcrumb",
 flow="horizontal"
 %}

```

New errors then display which refer to lines that aren’t in the module.html file. For example, one of the errors that shows up is "Error:Unable to find property avatar on line 82  
" when the file only has 78 lines.

There’s no code in module.js that would cause errors - that file is empty.

I noticed that in my /child-theme/templates/blog/blog-post.html file the post header code is:

` {% module 'post_header' path='/pike/modules/blog-post-header', label='Blog post header' %}`

so I also tried changing the path two ways:  
path=‘../../modules/blog-post-header’ and path=‘child-theme/modules/blog-post-header’ but still nothing.

I could have the syntax wrong for the menu module, the path wrong to the blog-post-header module, or may need to clone additional files that the post-blog-header module requires?

Thanks,  
Conrad

---

<div class="post-metadata">

**Author:** ![nickdeckerdevs1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/nickdeckerdevs1/32/5198_2.png) [@nickdeckerdevs1](https://community.hubspot.com/u/nickdeckerdevs1)\
**Post date:** [April 8, 2025, 6:06pm UTC](https://community.hubspot.com/t/cloned-modules-errors-after-inserting-breadcrumb-menu-code/129504/2 "2025-04-08T18:06:05Z")

</div>

I would first revert back to the original file, without adding the breadcrumb menu. Verify that the file works, if not then you have other problems we can look into.  
Next, you need ot update your menu id from the navigation menu you made before you insert that into the module.

> **[Menus and Navigation - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/building-blocks/modules/menus-and-navigation)**
>
> HubSpot has a few built-in tools to make the creation and management of these menus easy, and on the code side multiple solutions for displaying menus so you can pick the solution that makes the most sense for your website.

```lia-code-sample
{%
 menu "breadcrumbs_nav"
 id=UPDATETHISVALUE,
 path="@hubspot/menu",
 root_type="breadcrumb",
 flow="horizontal"
 %}

```

Once you have that ID. Update the module ^^  
To bring in your module, in design manager all the way to your right at the bottom it says “Template Usage” - copy that snippet and insert it into the template you are looking to modify. That will resolve path issues

 ![nickdeckerdevs1_0-1744135510013.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/6/76f8868b4b2dad3cd0913754d7aaa3714fb0cc33.png)

---

<div class="post-metadata">

**Author:** ![CSeto](https://avatars.discourse-cdn.com/v4/letter/c/838e76/32.png) [@CSeto](https://community.hubspot.com/u/CSeto)\
**Post date:** [April 8, 2025, 6:29pm UTC](https://community.hubspot.com/t/cloned-modules-errors-after-inserting-breadcrumb-menu-code/129504/3 "2025-04-08T18:29:30Z")

</div>

Thanks Nicholas!

Original file is working. Will look into the menu setup and get back to you.