Create a theme app extension for adding header and footer

[luigi-ib]

Hi community,

I would create a Shopify theme app extensions (for Dawn themes)  to provide to merchants customized header and footer for the theme.

The problem is that, in Dawn themes, header and footer are inside a layout file

{% section 'header' %}
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
    {{ content_for_layout }}
</main>

{% section 'footer' %}

so I'm not sure about the best approach to create my app.

How would you create a such app?

[JosephKhanh]

hi @luigi-ib ,
be solve this issue, you need knowledge about liquid for customized and need implement in code. if you want discuss find solution i can help you.
skyper: tvk_1990

[luigi-ib]

Hi @JosephKhanh ,

I don't need the implemented code, I have all the technical skills to implement by myself. My problem is that I don't know how to create a theme app having header and footer as blocks.

[OlivierB]

Did you find a way around this? I'm stuck with this too...

[luigi-ib]

Hi @OlivierB,

nope 😣

[OlivierB]

I have install an announcement bar app and they seem to inject a <div> directly in the announcement bar section but I don't know how I can point to this section in my app .liquid because it's not a template...