What's your biggest current challenge? Have your say in Community Polls along the right column.

Create a theme app extension for adding header and footer

Create a theme app extension for adding header and footer

luigi-ib
Shopify Partner
19 0 7

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?

Replies 5 (5)

JosephKhanh
Shopify Partner
1 0 0

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
Shopify Partner
19 0 7

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
Shopify Partner
9 0 1

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

luigi-ib
Shopify Partner
19 0 7

Hi @OlivierB,

 

nope 😣

OlivierB
Shopify Partner
9 0 1

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...