What are the differences among the three values of the type field, namely header, footer, and aside,

What are the differences among the three values of the type field, namely header, footer, and aside, in the section group?

I cannot distinguish the differences among the three of them, and the document does not provide clear clarification.

Here is the link:

https://shopify.dev/docs/themes/architecture/section-groups#schema

1 Like

In brief, here are the key differences among the three values of the type field in the section group of Shopify:

!!! - Header: The header section appears at the top of a webpage and typically includes elements like the site logo, navigation menu, and search bar. It provides a consistent way for visitors to navigate the website.

!!! - Footer: The footer section is located at the bottom of a webpage and contains information that remains consistent across the site, such as contact details, copyright notices, and additional navigation links. It helps visitors find important information and navigate the website.

!!! - Aside: The aside section is supplementary to the main content of a webpage and is displayed alongside it. It can be used for showcasing related products, advertisements, or any other supplementary information that enhances the user experience.

These values allow you to assign specific sections within your Shopify theme to different areas of your website, providing structure and organization to your store’s layout.

In brief, here are the key differences among the three values of the type field in the section group of Shopify:

!!! - Header: The header section appears at the top of a webpage and typically includes elements like the site logo, navigation menu, and search bar. It provides a consistent way for visitors to navigate the website.

!!! - Footer: The footer section is located at the bottom of a webpage and contains information that remains consistent across the site, such as contact details, copyright notices, and additional navigation links. It helps visitors find important information and navigate the website.

!!! - Aside: The aside section is supplementary to the main content of a webpage and is displayed alongside it. It can be used for showcasing related products, advertisements, or any other supplementary information that enhances the user experience.

These values allow you to assign specific sections within your Shopify theme to different areas of your website, providing structure and organization to your store’s layout.

But in fact, I can set the type of the section group that uses the footer as either header or aside, and modify the position of the {% sections ‘footer-group’ %} code in theme.liquid. Therefore, this type does not have a practical constraint effect.