Using the Warehouse Theme, how do I use two headers/ footers across different collections?

[nickisusanalex]

I’d like one of my collection to show a different header and a different footer, while other collections follow the default one/ another one.

[Guleria]

Hello @nickisusanalex ,

If you already designed the different header and footer then go to theme.liquid here search for {% render ‘header’ %} and {% render ‘footer’ %} or {% sections ‘header’ %} or {% sections ‘footer’ %} or something similar.

Once found wrap each with a condition
For example, if you want a different header/footer for a specific collection (say handle summer-sale):
{% if template contains ‘collection’ and collection.handle == ‘summer-sale’ %}
{% section ‘header-summer’ %}
{% else %}
{% section ‘header’ %} // default header
{% endif %}

And similarly for footer:

{% if template contains ‘collection’ and collection.handle == ‘summer-sale’ %}
{% section ‘footer-summer’ %}
{% else %}
{% section ‘footer’ %}
{% endif %}