> 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>