# 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. ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-23bb9e2a2c79b2e269446961d67030efbc182926%2Feditor-section-setup.jpeg?alt=media) ### 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.

### **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](https://help.fluorescent.co/stiletto/sections/theme-sections) for a full listing and overview of all Stiletto sections. *** > **Related links**\ > [Theme sections](https://help.fluorescent.co/stiletto/sections/theme-sections)\ > [Header](https://help.fluorescent.co/stiletto/pages/header)\ > [Footer](https://help.fluorescent.co/stiletto/pages/footer)\ > [Product blocks](https://help.fluorescent.co/stiletto/product-pages/product-page-blocks)