Skip to content
Themes help

Edit your home page

Your theme

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

Open the editor

Section titled “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.
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.
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.
  1. Find the page picker at the top (marker 3). It should say Home page.
  2. Look at the list on the left (marker 1). Each row is a section, one band of your page.
  3. 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.
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.
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.

Add a section

Section titled “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.
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.
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.
  1. Point at a section name in the list (marker 3). A picture of it shows beside the list.
  2. Select the section you want. It joins your page.

Open a section and change it

Section titled “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.
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.
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.
  1. To add a piece, select Add block under the section name.

Move, hide or delete a section

Section titled “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.
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.
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.
  1. To move the section, drag the dotted handle on the left of its name up or down.
  2. To hide the section, select the eye icon (marker 4). Customers stop seeing it.
  3. To show it again, select the eye icon again.
  4. To delete the section, select the bin icon (marker 4).

Save your work

Section titled “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.
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.
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.

Your theme’s demo home page

Section titled “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

Section titled “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, Marquee and Featured products. Next, edit text and images.