# Edit your home page

Source: https://themes.spicydesign.ca/help/guides/edit-your-homepage/
Updated: 2026-11-12

Open the theme editor, then add, move, hide or delete sections on your home page in a few clicks. No code needed.


Add, move, hide and delete the sections of your home page, using the Shopify theme editor.

## Open the editor

1. In your Shopify admin, select **Online Store** (marker 1).
2. Next to your live theme, select **Edit theme** (marker 2).

![Shopify admin, Online Store, Themes page. Marker 1 is the Online Store menu item. Marker 2 is the Edit theme button for the live theme.](https://themes.spicydesign.ca/help/shots/admin-themes.webp)

3. Find the page picker at the top (marker 3). It should say **Home page**.
4. Look at the list on the left (marker 1). Each row is a section, one band of your page.
5. Look at the preview (marker 2). It shows your page as customers see it.

![The theme editor on the home page. Marker 1 is the section list on the left. Marker 2 is the live preview. Marker 3 is the page picker at the top. Marker 4 is the Save button.](https://themes.spicydesign.ca/help/shots/editor-overview.webp)

## Add a section

1. Under **Template**, select **Add section** (marker 1).
2. Type a word in the search box (marker 2), or scroll the list.

![The Add section panel open in the theme editor. Marker 1 is the Add section button. Marker 2 is the search box. Marker 3 is a section in the list.](https://themes.spicydesign.ca/help/shots/editor-add-section.webp)

3. Point at a section name in the list (marker 3). A picture of it shows beside the list.
4. Select the section you want. It joins your page.

## Open a section and change it

1. In the left list, select a section name, such as **Hero banner** (marker 1).
2. Look at its blocks (marker 2). A block is one piece inside a section, like a heading or a button.
3. Change any setting on the right (marker 3).

![A section opened in the theme editor. Marker 1 is the section name. Marker 2 is its list of blocks. Marker 3 is its settings on the right. Marker 4 is the eye and bin icons that hide or delete the section.](https://themes.spicydesign.ca/help/shots/editor-section-open.webp)

4. To add a piece, select **Add block** under the section name.

## Move, hide or delete a section

1. Point at a section name in the left list. A dotted handle, an eye and a bin appear (marker 4).

![A section opened in the theme editor. Marker 1 is the section name. Marker 2 is its list of blocks. Marker 3 is its settings on the right. Marker 4 is the eye and bin icons that hide or delete the section.](https://themes.spicydesign.ca/help/shots/editor-section-open.webp)

2. To move the section, drag the dotted handle on the left of its name up or down.
3. To hide the section, select the eye icon (marker 4). Customers stop seeing it.
4. To show it again, select the eye icon again.
5. To delete the section, select the bin icon (marker 4).

## Save your work

1. Select **Save** (marker 4) at the top right.

![The theme editor on the home page. Marker 1 is the section list on the left. Marker 2 is the live preview. Marker 3 is the page picker at the top. Marker 4 is the Save button.](https://themes.spicydesign.ca/help/shots/editor-overview.webp)

## Your theme's demo home page

You are looking at the Picante theme. Change it with the **Theme** switch in the top bar.

**Picante home page, top to bottom**

1. Hero banner
2. Marquee
3. Featured products
4. Text with inline images
5. Collection list
6. Shop the look
7. Custom section
8. Story panels
9. Marquee
10. Custom section
11. Featured products
12. Image and text cards
13. Custom section
14. Logo list
15. Compare products
16. Blog posts
17. Newsletter

**Overdrive home page, top to bottom**

1. Video hero
2. Countdown
3. Product spotlight
4. Featured products
5. Slideshow
6. Featured products
7. Custom section
8. Content grid
9. Custom section
10. Featured products
11. Shop the look
12. Collection list
13. Blog posts
14. Newsletter

**Pastille home page, top to bottom**

1. Custom section
2. Featured products
3. Collection list
4. Media with text
5. Custom section
6. Before and after
7. Custom section
8. Featured products
9. FAQ
10. Blog posts
11. Newsletter

## Good to know

- Hiding keeps the section and its settings. Deleting removes them.
- Deleted a section by mistake? Select the undo arrow at the top of the editor right away.
- The **Header group** and **Footer** lists have their own **Add section** links. They work the same way.
- On the Add section panel, the **Apps** tab lists sections from apps you installed.

See every setting: [Hero banner](https://themes.spicydesign.ca/help/reference/sections/hero-slab/), [Marquee](https://themes.spicydesign.ca/help/reference/sections/marquee/) and [Featured products](https://themes.spicydesign.ca/help/reference/sections/featured-collection/). Next, [edit text and images](https://themes.spicydesign.ca/help/guides/edit-text-and-images/).