How can I modify headers on specific pages?

Store Design

AI-generated summary

Issue: Users need to display different headers on specific pages (typically homepage vs. other pages like a ‘talent’ page) in their Shopify store.

Solution Approach:

  • Use conditional Liquid code to check the template or page handle
  • Replace {% include %} with {% section %} for header files
  • Basic syntax: Check if template equals ‘index’ for homepage, use elsif page.handle == 'talent' for specific pages, and include an else statement for remaining pages

Common Problems:

  • “Liquid error: Could not find” indicates the header file doesn’t exist or is misnamed
  • Duplicate headers appearing suggests the default {% section 'header' %} already exists in the theme’s <body> tag and needs to be wrapped in the conditional logic rather than added separately
  • Users must ensure they’re targeting sections (not snippets) and using correct file names

Key Technical Detail: The default header section typically already exists in the theme layout file, so the conditional logic should replace or wrap that existing code rather than adding new header calls.

Several users report success after switching from include to section and properly structuring the if/elsif/else statements, though newcomers frequently struggle with file placement and naming conventions.

1

Hi ShopiComunity,… i need help.
I need change the header in 2 pages (index and talent) but no work.. :confused:

My code:
{% if template == ‘index’ %}
{% include ‘header’ %}
{% elsif pages == ‘talent’ %}
{% include ‘header-talent’ %}
{% else %}
{% endif %}

Please,…

Thank ^^

2

Hi Fredd,

I assume “talent” is the handle of the page. Can you try this? Make sure to include header in the last else statement for pages other than Index & talent. I have added a dummy include statement. If you think there shouldn’t be anything, you may safely remove this line :

“{% include ‘header-for-other-pages’ %}”

{% if template == ‘index’ %}
{% include ‘header’ %}
{% elsif page.handle == ‘talent’ %}
{% include ‘header-talent’ %}
{% else %}

{% include ‘header-for-other-pages’ %}
{% endif %}

3

Hi, thank..but nothing yet :confused:

Text n header index (pages 1) and Talent (pages 2):

“Liquid error: Could not find asset snippets/header.liquid”

Look my code

page.jpg
page.jpg1418×861 201 KB

:confused:

4 
{% if template == 'index' %}
 {% section 'header' %}
{% elsif page.handle == 'talent' %}
{% section 'header-talent' %}
{% else %}
{% section 'header-for-other-pages' %}
{% endif %}

try this

5

The error you’re seeing is letting you know that the snippet file - called “header.liquid” - doesn’t exist.

In that content you want to include, what is the filename?

[edit] Robert could very well be on the right path of thinking here if it’s not a snippet at all but instead a section.

6

Fredd,

Try these 2 things -

  1. Replace ‘include’ with ‘section’ & see how it goes.

  2. As Jason said, create those file with appropriate HTML & Liquid & it should work.

Thanks

7

Hi All ¡

Thank you ¡

Amar3, Robert_Chen, Jason: are awesome ¡¡ lml ^^ lml

2 headers with different design and text ^^

it works :slight_smile:

8

Doesn’t work for me.

Getting two header sections appear on top of each other on every page. Seems like the If/else statement isn’t working. I’ve tried as above and that didn’t work and tried below and that doesnt work either. Any help would be appreciated

{% if page.handle == ‘index’ %}
{% section ‘header’ %}
{% else %}
{% section ‘header-two’ %}
{% endif %}

9

Hi There!

10

{% section ‘header’ %} already exists by default in the

Search for it and then wrap your if-else statement around that code to avoid duplication.

11

Hi I am facing the same problem but I am new to Shopify, can to please tell me where to add this code and what file name should I give to the other header file

12

Hi, I know it has been a couple of years but I’m hoping you can help please. I’m a bit stuck with this. I’m getting two headers on top of each other, and they are the same header. I’m not sure why though

13

Best solution

14

Hello. Where am I supposed to put this code?

15

Hi Robert. I want to keep a different header for my home page on my website. I tried this but didn’t work. Attaching a link of my store for reference. Could you also tell me where to put the code. I am new to shopify

www.wearazulie.com