Sections

Theme content is built using sections. Sections are customizable blocks of content that determine the layout and appearance of different pages on your online store.

Static sections are sections that appear in predetermined locations in your online store. These sections can't be removed or rearranged. Static sections might include headers, footers, navigation sections, or content sections on pages like product pages and collection pages. For example, the Product section determines the appearance of each product page on your online store.

Dynamic sections are optional sections that you can use to customize the layout of your home page. Each theme has a unique set of dynamic sections to choose from. On your store's home page, you can add, rearrange, and remove dynamic sections to create the page layout. You can have up to 25 dynamic sections on your home page.

You can learn about your theme's unique selection of sections and how to customize them to suit your business.

Edit static sections

You can edit the content of static sections.

Steps:

  1. Find the theme that you want to edit and click Customize.
  2. Open the top bar drop-down menu.

  3. Select the type of page that you want to edit.

    For example, if you want to edit your Product or Product pages section, then select Product pages from the drop-down menu. Because the Header and Footer sections appear on every page of your online store, you can edit these sections regardless of the page type that you select. Depending on your theme, other sections might be available on every page.

  4. Click the section containing the content that you want to edit.

  5. Edit the settings to suit your needs.

  6. Click Save.

Add dynamic sections

You can add up to 25 dynamic sections to your home page.

Steps:

  1. Find the theme that you want to edit and click Customize.

  2. Click Add section.

  3. Click the type of section that you want to add, and then click Select. Each theme has a unique set of sections to choose from.

  4. Change the section's content by adjusting the settings in the sidebar.

  5. Click Save.

When you add an image to a section, the file is added to the Files section of your admin. You can reuse an uploaded image in other sections or pages of your store.

Rearrange dynamic sections

You can rearrange dynamic sections on your home page.

Steps:

  1. Find the theme that you want to edit and click Customize.

  2. On the section that you want to move, click ⋮⋮ and drag the section to a different place.

  3. Click Save.

Moving a section in the theme editor

Hide dynamic sections

You can hide sections that you don't want to display on your online store. You can hide sections that are unfinished, or that you are not ready to publish. For example, you can create a slideshow of new products, and then hide the section until you are ready to begin selling the new products. Or, you can create a section that advertises a seasonal discount, and then hide the section until the discount is active.

Steps:

  1. Find the theme that you want to edit and click Customize.

  2. In the theme editor toolbar, click the eye icon for the section that you want to hide.

Theme editor toolbar with eye icon highlighted

When a section is hidden, the eye icon has a slash through it.

Theme editor toolbar with hidden section

To show a hidden section, click the eye icon again.

Remove dynamic sections

You can remove content from a dynamic section, or remove a dynamic section from your home page. Deleting content in this way removes the section content, but doesn't delete anything from your account. If you remove a product or collection block from a section, then that product or collection will still exist in your admin. If you remove an image from a section, then you can still add that image to other sections.

Remove content from a dynamic section

You can remove content from a dynamic section.

Steps:

  1. Find the theme that you want to edit and click Customize.

  2. Click the section containing the content that you want to remove.

  3. If the section contains multiple content blocks, click the content block that contains the content you want to remove.

  4. If you want to remove the content but not remove the content block, or there are no content blocks in the section, click Remove below the content you want to remove.

  5. If you want to remove a content block from the section, then click Remove content.

  6. Click Save.

Remove a dynamic section

  1. Find the theme that you want to edit and click Customize.

  2. In the theme editor sidebar, click the section that you want to remove.

  3. Click Remove section.

  4. Click Save.

Undo and redo changes

The Undo button reverses your most recent change, and the Redo button adds back a change that you undid. Clicking the Undo button more than once will continue to undo your work, one change at a time. You'll find the Undo and Redo buttons at the bottom of the theme editor.

The Undo and Redo buttons in the theme editor toolbar

Click the Undo button to reverse the following changes:

  • adding, reordering, and deleting sections
  • applying colors, fonts, and other settings, on the Theme settings tab
  • resetting a theme style.

Ready to start selling with Shopify?

Try it free