# 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), Cornerstone includes 25+ sections with different content blocks, layouts, and features. Go to our theme sections guide for a full overview:

{% content-ref url="/pages/fYb66C5t6WXFCEFt5rpF" %}
[Sections](/cornerstone/pages/theme-sections.md)
{% endcontent-ref %}

&#x20;

***

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


---

# Agent Instructions: 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://help.fluorescent.co/cornerstone/general/editing-themes/adding-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.