Cloned module's errors after inserting breadcrumb menu code

[CSeto]

Hi,

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

 {%
 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

[nickdeckerdevs1]

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

{%
 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

[CSeto]

Thanks Nicholas!

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