---
description: >-
  Sections are the building blocks of your homepage. Within each section, you
  can easily add, reorder, and remove blocks of content such as products,
  slideshows, videos, or collections.
---

# Theme Sections

<figure><img src="https://782583383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg4kVIKvsPAIHaRmKdiHi%2Fuploads%2FP4ladaoIw4IHjzRhgeVh%2F01.png?alt=media&#x26;token=3febf7e4-96d2-4601-8a6d-0bf6051b8476" alt=""><figcaption></figcaption></figure>

### Edit Sections?

Sections are easy to add, move, hide, and remove - if you wish to undo or redo the changes that you make within your sections, use the arrows at the top of the page.

#### Adding Sections

To add a section, go to the left-hand menu and scroll down to **Add section**.

#### Moving a Section

To move a section, simply drag and drop it into a new position in the section menu.

#### Changing Section Visibility

If you wish to take your section off your storefront without removing it permanently, **select the eye icon to** change its visibility.

#### Removing a Section

To remove a section, select the content block to expand the section. Then, click the ellipsis in the top right-hand corner, and select the **Remove section**.

### Global Sections

<figure><img src="https://782583383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg4kVIKvsPAIHaRmKdiHi%2Fuploads%2FshKnXLR9b8pteoQwUgOi%2F2.png?alt=media&#x26;token=73dfd3d5-7484-4754-af82-7a7ca497f389" alt=""><figcaption></figcaption></figure>

To add a new Section: Click `Add section` and select the desired one from the dropdown menu.

<table><thead><tr><th width="207">Sections</th><th>Description</th></tr></thead><tbody><tr><td><a href="contents#banner-list">A Banner List</a></td><td>With 2 columns and multiple rows, you can add images, text, and links.</td></tr><tr><td><a href="static#announcement-bar">Announcement Bar</a></td><td>At the top of the page and you can add the text.</td></tr><tr><td><a href="contents#blog-posts">Blog posts</a></td><td>Will display the latest articles from the selected blog.</td></tr><tr><td>Collage</td><td>Include video, product, collection, and slideshow (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#collage">Refer to the Shopify feature</a>).</td></tr><tr><td>Collapsible content</td><td>Is a component that organizes content within collapsable items  (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#collection-content">Refer to the Shopify feature</a>).</td></tr><tr><td>Collection List</td><td>Show collections fron your store (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#collection-list">Refer to the Shopify feature</a>).</td></tr><tr><td>Contact Form</td><td>contact form sends all submissions to the <strong>Sender email</strong> address of your store (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#contact-form">Refer to the Shopify feature</a>).</td></tr><tr><td>Custom Liquid</td><td> Use this section to inject Liquid code inside your theme  (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#custom-liquid">Refer to the Shopify feature</a>).</td></tr><tr><td>Email Signup</td><td>Subscribe to emails (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#email-signup">Refer to the Shopify feature</a>).</td></tr><tr><td><a href="contents#featured-collection">Featured Collection</a></td><td>Will display the latest products from the selected collection.</td></tr><tr><td><a href="contents#featured-collection-list">Featured Collection List</a></td><td>Use the section to advertise and promote a selection of products from a collection on a store page.</td></tr><tr><td>Featured Product</td><td>You can add a section that features a specific product (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#featured-product">Refer to the Shopify feature</a>).</td></tr><tr><td>Image Banner</td><td>A banner allowing for a full-screen width image, You can custom content &#x26; buttons (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#image-banner">Refer to the Shopify feature</a>).</td></tr><tr><td>Image with Text</td><td>Will display an image alongside a title, text, and button (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#image-with-text">Refer to the Shopify feature</a>).</td></tr><tr><td>More Article</td><td>Will display the latest articles from the selected blog category <a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#more-article">(Refer to the Shopify feature</a>).</td></tr><tr><td><a href="contents#multicolumn">Multicolumn</a></td><td>With multiple columns per row, you can add an image, content, and button.</td></tr><tr><td>Page</td><td>Show a specific page (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#page">Refer to the Shopify feature</a>).</td></tr><tr><td>Rich Text</td><td>Adds formatted text with headings to a page (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#rich-text">Refer to the Shopify feature</a>).</td></tr><tr><td>Video</td><td>Adds formatted text with headings to a page (<a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-features#video">Refer to the Shopify feature</a>).</td></tr><tr><td><a href="contents#slideshow">Slideshow</a></td><td>Use the section to display a series of shapes on a store page, with embedded media.</td></tr></tbody></table>
