How can I effectively add text to top and bottom of collection pages?

[LothaireBordeau]

Hello,

What would be the optimal way to add text at the top and bottom of collection pages ? Here : https://www.lothaire.fr/collections/moncler I had to make a custom collection theme. But there has to be a better way.

I want all collections to have a place that I can fill with text at the top and bottom, that is hidden in collections where I haven't written the text yet.

[NomtechSolution]

To add text in top of collection page, you can modify code of collection.liquid file in theme code and add <h1></h1> tag

[LothaireBordeau]

Thanks. Should I find this file in Layout, Templates, Sections, Config, Snippets, Assets, Locales ?

[trailblazer2407]

Hello! I'm currently working on enhancing the default collection page by adding text both at the top and the bottom.

Right now, on this page I have used custom html and other collections there's a "read more" link that seems to conceal all the text at the top of the page, and I'd like to modify this so more text remains visible. Additionally, I want to include text below the images on the collection page. I'm using the EMPIRE theme.

Any assistance would be greatly appreciated.

[websensepro]

Hi @LothaireBordeau, 

You can follow these steps to show content on the top and bottom of the collection page
1- Goto setting -> custom data -> collection -> add definition 

After creating a definition add below liquid code in the relevant collection template file
{{ collection.metafields.custom.content_top }}

If I managed to help you then, don't forget to Like it and Mark it as a Solution!

[LothaireBordeau]

Wow, that feature is great ! Didn't even know it existed.

Can you please help me locate where I'm supposed to implement the code ? Is that in main-collection.liquid ? (please see attached screenshot)

[websensepro]

If you are using the dawn theme 
1- Goto main-banner-collection.liquid and paste the code

2- Also goto main-collection-product-grid.liquid and paste the exact same code above schema tag

[LothaireBordeau]

You are absolutely awesome ! My issue is almost done.

In the top bottom part, I need to input not only text, which currently works, but also an H2 title. What would be the easiest way to accomplish that  ?

[websensepro · Accepted solution]

Just wrap the text in h2 element in metafield 

If I managed to help you then, please Mark it as Solution!

[LothaireBordeau]

Thank you so much for going the extra mile !