How can I modify headers on specific pages?

Store Design
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 %}

1 Like
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 Likes
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.

1 Like
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

1 Like
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