> 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

In the “Template”, one can choose what Theme Section to use on a page.

###  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)
*  [**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)
*  [**Product carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel)
*  [**Review carousel**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel)
*  [**Contact form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form)
*  [**FAQs**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs)
*  [**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)
*  [**Search form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form)
*  [**Subscription form**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form)
*  [**Brands**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brands)
*  [**Collections**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections)
*  [**Lookbook**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/lookbook)
*  [**One product**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product)
*  [**Collection page heading**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collection-page-heading)
*  [**Collection banner builder**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/banner-builder)
*  [**Spacer**](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer)
*  [**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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2Fxe0BmUhZVcXXTk0uTVGc%2Fadd%20section.png?alt=media&amp;token=e1deb0cd-0fe4-41a3-b134-b5cf05ade6a4" 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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FiIUexR8EQAALLaD6EDRF%2Fadd%20section_footer%26header.png?alt=media&amp;token=c94feb83-c8d2-4afd-98d7-751c10284af7" 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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FvTg2RBHrrB9idfHHS2XN%2Fcollection%20page_sections.png?alt=media&amp;token=426d6380-8139-4234-861e-c4d72cc618a8" 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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FC472pScZkhSxM99HAfY0%2Finspector.png?alt=media&amp;token=baed6a5a-5da5-4791-a1c3-44de2098ff64" 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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2Fv9ngm0FpsETTwIq7kuHs%2Finspector_section.png?alt=media&amp;token=14933f91-23a6-40a5-a51c-6bc01a0b2a81" alt=""><figcaption></figcaption></figure>