Can't use global partials in search result template

Developer Support CMS Development
1

When I use my global partial header and footer I can’t publish my template there is a error in cann’t resolved property.
If I use header and footer as a normal module it works. Can anyone help me to solve this problem
Here is the code >>

<!--
templateType: search_results_page
isAvailableForNewContent: true
label: search template
-->

<!doctype html>
<html>
<head>
<meta charset=“utf-8”>
{% if content.html_title %}<title>{{ content.html_title }}</title>{% endif %}
<meta name=“description” content=“{{ content.meta_description }}”>
{% if brand_settings.primaryFavicon.src %}
<link rel=“shortcut icon” href=“{{ brand_settings.primaryFavicon.src }}” />
{% endif %}
{{ standard_header_includes }}

</head>

<body>

{# {% module “module_17518790458083” path=“/Leva Medical Website/modules/Header/Navbar”, label=“Navbar” %} #}
{# {% module “search_results_page_template_logo” path=“@hubspot/logo” label=“Logo” %} #}
{# --- Adding Header Global #}
{# {% global_partial path=“../../templates/partials/header.html”, context=“module” %} #}
<!-- when i use my global partial header and footer i can’t publish my template there is a error in cann’t resolved property -->
{% module “module_17524193622492” path=“/Leva Medical Website/modules/Header/Navbar”, label=“Navbar” %}
<!-- if i use header and footer as a normal module it works -->

<div class=“container-inner”>
<div class=‘header’>
<h1>
Search Result
</h1>
</div>

{% module “module_175189368811524” path=“/Leva Medical Website/modules/Search/search_input leva”, label=“search_input leva” %}
{# {% module “search_results_page_search_results” overrideable=true, path=“@hubspot/search_results”, label=‘Site Search Results’ %} #}
{# {% module “module_17518966657208” path=“/Leva Medical Website/modules/Search/search_results leva”, label=“search_results leva” %} #}
{% module “module_175198916822411” path=“/Leva Medical Website/modules/Search/search_results leva 2”, label=“search_results leva 2” %}
{# {% module “module_17518791300054” path=“/Leva Medical Website/modules/home/footer”, label=“footer” %} #}
</div>

{# {% global_partial path=“../../templates/partials/footer.html” %} #}
{% module “module_17524193152531” path=“/Leva Medical Website/modules/home/footer”, label=“footer” %}

{{ standard_footer_includes }}
</body>

</html>

<style>
.hs-search-results__description{
color:green;
}
.container-inner{
max-width:1440px;
width:90%;
margin:0 auto;
}
.header{
text-align:center;
margin-top:5em;
margin-bottom:1.25em;
}

</style>

2

Hey @Shatak1 would be helpful if you can also provide the error message you are seeing right now. Can you try implementing something like this? Check if it works.

{% block header %}
 {% global_partial path="../partials/header.html" %}
{% endblock header %}
3

Hi @Shatak1

This error often occurs due to an incorrect or mismatched file path.

Try using the absolute path:

/Leva Medical Website/templates/partials/header.html

instead of a relative path like

'../..'

Your global partial would then look like this:

{% global_partial path="/Leva Medical Website/templates/partials/header.html" %}

Alternatively, you can wrap it in a block:

{% block header %}
 {% global_partial path="/Leva Medical Website/templates/partials/header.html" %}
{% endblock header %}

To avoid repeating global partials like the header and footer in every template, consider using

{% extends "base.html" %}

This allows you to maintain a consistent layout and include shared elements in one central file.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.

Thanks!