> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-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/shella-shopify-theme/home-page-sections.md).

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