> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups.md).

# Section Groups

#### **Top bars**

This group includes the "[<mark style="color:blue;">Announcement bar</mark>](/unicorn-shopify-theme/section-groups/top-bars/announcement-bar.md)" and "[<mark style="color:blue;">Utility Bar</mark>](/unicorn-shopify-theme/section-groups/top-bars/utility-bar.md)", allowing you to display important messages, promotions, links, and store utilities at the top of your store.

#### **Header**

This group can be enhanced with any dynamic theme section or block.\
Detailed instructions for setting up each section can be found [<mark style="color:blue;">here</mark>](broken://pages/zeWXG4UUKwMV4bYVx986).

#### Header drawers

Contains the "[<mark style="color:blue;">Cart drawer</mark>](/unicorn-shopify-theme/section-groups/header-drawers/cart-drawer.md)" and "[<mark style="color:blue;">Search drawer</mark>](/unicorn-shopify-theme/section-groups/header-drawers/search-drawer.md)" sections.

#### **Template**

Use any dynamic section and block from the [<mark style="color:blue;">Theme Sections</mark>](/unicorn-shopify-theme/dynamic-theme-sections.md) list to customize each page in your store.

#### **Footer**

In the "Footer" group, add any dynamic section from the [<mark style="color:blue;">Theme Sections</mark>](/unicorn-shopify-theme/dynamic-theme-sections.md) list. The sections added to this group will be displayed on all pages of the entire store. Additionally, customize the Footer using the provided blocks in the "[<mark style="color:blue;">Footer</mark>](/unicorn-shopify-theme/section-groups/footer/footer.md)" section. To add a sticky navigation bar on mobile, use the "[Mobile navigation bar](/unicorn-shopify-theme/section-groups/footer/mobile-navigation-bar.md)" section.

#### **Popups**

The following group includes the "[<mark style="color:blue;">Chat links</mark>](/unicorn-shopify-theme/section-groups/popups/chat-links.md)", "[<mark style="color:blue;">Purchase notifications</mark>](/unicorn-shopify-theme/section-groups/popups/purchase-notifications.md)", and "[<mark style="color:blue;">Popup</mark>](/unicorn-shopify-theme/dynamic-theme-sections/popup.md)" sections for adding the pop-up to all pages in the entire store.

{% hint style="success" %}
**Tip:** To add a new section, click the **"Add section"** button or hover over a space between sections to see the **"+"** icon in each Section group.
{% endhint %}

<figure><img src="/files/X3aLlPHnajmb0OmvPW1Y" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
