> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/general/editing-themes/adding-sections.md).

# Adding sections

**Sections** are the basic components of templates. You can add, rearrange, and customize sections to create the layout and content of your pages.

## Add sections

***

Sections are listed in the theme editor **sidebar** in the order they appear on the page.

* Click the **(+) Add section** button in the theme editor sidebar.
* Use the **drag handles** (**⋮⋮**) to change the order of your sections and blocks
* Use the **Remove section** button to delete them or click the **eye icon** to hide them.

<img src="/files/OvxZ2QadCY44Y4n5AB3c" alt="" width="563">

### Add blocks

***

Most sections are made up of individual **Blocks** for text, media, buttons, or other content, which are nested under sections in the editor panel.

* Click **(+) Add block** button to add or select the type of block you wish to add.
* Click the **block** to open the block settings.

<figure><img src="/files/QriVOZDCSfBZ59J00YDr" alt="" width="302"><figcaption></figcaption></figure>

### **Edit sections and blocks**

***

Click directly on a **Section** or **Block** to open the settings in the side panel. For step-by-step instructions, see the individual section articles.

## **Available theme sections**

***

For all templates (except Checkout), Stiletto includes 30+ sections with different content blocks, layouts, and features.

> See our [Theme sections guide](/stiletto/sections/theme-sections.md) for a full listing and overview of all Stiletto sections.

***

> **Related links**\
> [Theme sections](/stiletto/sections/theme-sections.md)\
> [Header](/stiletto/pages/header.md)\
> [Footer](/stiletto/pages/footer.md)\
> [Product blocks](/stiletto/product-pages/product-page-blocks.md)