How can I create a custom header for each collection in my template section?

Store Design
1

Hello I would need one more header which will be in the template section category
I want to have multiple collections and for every collection to have a separate theme
I know if there is a header just like the regular one but in the section template, I could hide the original one use the collection template make a header on top and setting specific color scheme and the same thing for the second selection
I don’t know how to make a copy of the original header and make it in the section zone
https://ibb.co/rtHC311

2

To create a separate header in the section template for each collection with a different theme, you can follow these steps:

  1. Go to your Shopify admin and navigate to Online Store > Themes.
  2. Find your current theme and click on “Actions” > “Edit code”.
  3. In the theme editor, locate the Sections folder and create a new section file (e.g., collection-header.liquid).
  4. In the new section file, you can copy the code from the original header file (header.liquid) and modify it as per your requirements. This may include customizing the color scheme or layout.
  5. Customize the new section to match the desired header design for each collection. You can use HTML, CSS, and Liquid code to build the header within the section.
  6. Save the changes to the new section file.
  7. In the collection template file (collection.liquid), find the code where the original header is included. This code is typically {% section ‘header’ %}.
  8. Replace the code with the code to include the new section you created. For example: {% section ‘collection-header’ %}.
  9. Save the changes to the collection template file.