Home Page Footer Module Issue

Nosremetnarg · ‎May 20, 2022

Hello!

I have a client ( https://www.honorbuilthome.com/ )

that is wanting to update the home page. The issue is that the whole page is considered the footer module. Is it possible to carve out the contents of the main page or should I rebuild the whole page?

jonchim · ‎May 23, 2022

Hey @Nosremetnarg,

It looks like your footer partial in the theme might have been wrapped in the body tags instead of on it's own

I would double check your base.html file in your theme folder and make sure the layout is similar to this. I don't think you would need to rebuild everything. In the offchance that you may, you can add "?developerMode=true" to the end of the page when you're editing without the quotes. That will allow you to quickly copy to HubL the sections you have on the home page into a new template. Let me know if this works!

    <div class="body-wrapper {{ builtin_body_classes }}">
      {% block header %}
      {% global_partial path="../partials/header.html" %}
      {% endblock header %}

      <main id="main-content" class="body-container-wrapper">
        {% block body %}
        {% endblock body %}
      </main>

      {% block footer %}
        {% global_partial path="../partials/footer.html" %}
      {% endblock footer %}
    </div>

Jon Chim
VP of Design & Development
Hypha HubSpot Development

Did my post help answer your query? Help the Community by marking it as a solution

Nosremetnarg · ‎May 24, 2022

<body>
<div class="body-wrapper {{ builtin_body_classes }}">
{% block header %}
{% global_partial path='../partials/header.html' %}
{% endblock header %}
<main id="main-content" class="body-container-wrapper">
{% block body %}
{% endblock body %}
</main>
{% block footer %}
{% global_partial path='../partials/footer.html' %}
{% endblock footer %}
</div>
<script src="https://use.fontawesome.com/8396afb745.js" type="text/javascript"></script>
{{ require_js(get_asset_url('../../js/jquery.matchHeight.js')) }}
{{ require_js(get_asset_url('../../js/easy-responsive-tabs.js')) }}
{{ require_js(get_asset_url('../../js/jquery.magnific-popup.min.js')) }}
{{ require_js(get_asset_url('../../js/slick.min.js')) }}
{{ require_js(get_asset_url('../../js/main.js')) }}
{{ require_js(get_asset_url('../../js/jquery.sameheight.js')) }}

{# To see a full list of what is included via standard_footer_includes please reference this article: https://developers.hubspot.com/docs/cms/hubl/variables#required-page-template-variables #}
{{ standard_footer_includes }}
</body>

Nosremetnarg · ‎May 24, 2022

Jon, Thanks for your response. I added in main tags to wrapp the body content. However in the editor I am still getting the home page content inside of the footer

jonchim · ‎May 25, 2022

Hey @Nosremetnarg, no problem!

Hmm, is this the only page/template that has the content inside the footer?

Could be a missing div tag in a module or a bracket somewhere.

Jon Chim
VP of Design & Development
Hypha HubSpot Development

Did my post help answer your query? Help the Community by marking it as a solution

lindahl · ‎May 23, 2022

Hi @Nosremetnarg , it is quite weird seeing this section to be a footer module to be honest, might need to take a closer look and see what could be the possible issue here.

Nosremetnarg · ‎May 24, 2022

What would you like for me to share so you can see closer? Ive added the body HTML in a reply to Jon above

dennisedson · ‎May 20, 2022

@jonchim , what are you thinking here?

CMS Development