# Theme Sections

### &#x20;Theme Sections:

* [**Builder section**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder)
* [Promo box (Banner)](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/promo-box-banner)
* [Slick Slider](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/slick-slider)
* [Revolution Slider](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/revolution-slider)
* [Instagram](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/instagram)
* [Product Column](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/product-column)
* [Custom HTML](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/custom-html)
* &#x20;[**Article carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel)
* [ **Brand carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel)
* &#x20;[**Product carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel)
* &#x20;[**Review carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel)
* &#x20;[**Contact form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form)
* &#x20;[**FAQs**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs)
* &#x20;[**Gallery**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery)
* [ **Information line**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line)
* &#x20;[**Search form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form)
* &#x20;[**Subscription form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form)
* &#x20;[**Brands**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brands)
* &#x20;[**Collections**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections)
* &#x20;[**Lookbook**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/lookbook)
* &#x20;[**One product**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product)
* &#x20;[**Collection page heading**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collection-page-heading)
* &#x20;[**Collection banner builder**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/banner-builder)
* &#x20;[**Spacer**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer)
* &#x20;[**Ticker**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/ticker)

{% embed url="<https://youtu.be/QQ6wFwBts4k>" %}

{% hint style="info" %}
Use the provided Theme Sections on different page categories: **Home page**, [<mark style="color:blue;">**Products**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products), [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections), [<mark style="color:blue;">**Collections list**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections-list), [<mark style="color:blue;">**Pages**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/pages), [<mark style="color:blue;">**Blogs**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/blogs), [<mark style="color:blue;">**Blog posts**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/blog-posts), **Cart**, **404 page**, [<mark style="color:blue;">**Password**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/templates/password), [<mark style="color:blue;">**Search**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/templates/search).&#x20;
{% endhint %}

&#x20;Choose the section you need by hitting the **“Add section”** button in the **“Template”**:

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

&#x20;The same dynamic sections can be used in the Footer and Header using the **“Add section”** button directly in these categories:

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

{% hint style="warning" %}
**Please note** if you use the theme sections in the Header and Footer, the same dynamic sections will be used in the entire store.
{% endhint %}

&#x20;The [<mark style="color:blue;">**Collection page heading**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collection-page-heading) (“Heading”) and [<mark style="color:blue;">**Collection banner builder**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/banner-builder) (“Banner Builder”) are designed for the collection page only:

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

&#x20;To find the section that should be edited on a page, activate the theme **Inspector** on the panel next to the top drop-down menu.

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

&#x20;Then, choose the section that needs to be identified. So, you will move precisely to the section you need and get the settings for viewing.

<figure><img src="/files/BYEnpg5eaiZ965g7Bhko" 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:

```
GET https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
