Sections and Theme settings

The theme editor toolbar has two tabs: Sections and Theme settings. On the Sections tab, you can modify the content and layout of the different pages on your store. On the Theme settings tab, you can customize your store's fonts and colors, and make changes to your social media links and checkout settings.

The 'Sections' and 'Theme settings' tabs in the theme editor toolbar

Sections

Themes include both dynamic sections and fixed sections.

Dynamic sections

Dynamic sections are customizable blocks of content that you can add, reorder, and remove from your online store. Each theme has a unique set of dynamic sections to choose from, such as featured products, slideshows, featured collections, and videos. Dynamic sections exist only on the home page of your store.

Fixed sections

Fixed sections are customizable blocks of content that cannot be reordered or removed from your theme. Fixed sections include your header and footer, as well as the body content for each type of page in your theme.

The Sections tab in the theme editor toolbar

All Shopify themes in the Theme Store have sections. Themes created before October 2016 do not have sections.

Tip

If you want to see more educational videos and tutorials like this one, visit our video library.

Add sections

You can have up to 25 sections on your home page.

To add sections:

  1. From your Shopify admin, click Online Store > Themes.

  2. Find the theme you want to edit and click Customize .

  3. In the theme editor toolbar, click Add section:

    The theme editor's 'Add section' button
  4. Click the type of section that you want to add, then click Add. Each theme has a unique set of sections to choose from.

  5. Change the section's content by adding and editing the content blocks in the toolbar.

  6. Click Save or Publish to save your changes.

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.

Reorder sections

You can change the order of the dynamic sections on your home page. On the section that you want to move, click ⁞⁞ in the theme editor toolbar, and drag the section to a different place:

Moving a section in the theme editor

The theme preview will update to show the section in its new location.

Hide 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.

  1. From your Shopify admin, click Online Store > Themes.

  2. Find the theme that you want to edit and click the Customize button for the theme.

  3. 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 sections

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

Remove content from a section

  1. From your admin, click Online Store > Themes.

  2. Find the theme you want to edit and click the Customize button for the theme.

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

  4. In the Content section, click the content you want to remove from the section.

  5. Click Delete [content], where [content] is the content type (collection, image, or logo, for example).

Remove a section

  1. From your Shopify admin, click Online Store > Themes.

  2. Find the theme you want to edit and click the Customize button for the theme.

  3. In the theme editor toolbar, click the section that you want to remove.

  4. Click Delete section at the bottom of the toolbar.

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.

Theme settings

You can make changes that affect every page of your theme on the Theme settings tab. Theme settings include typography (fonts), colors, and links to your social media accounts:

The Theme settings tab in the theme editor toolbar

You can also make some changes to the theme settings from the Sections tab. For example, with some themes, you can add social media icons to the Footer section of your store. When you customize the Footer section on the Sections tab, the social media icons will be available for you to customize:

Editing Theme settings for footer content

Tip

If you want to see more educational videos and tutorials like this one, visit our video library.

Change theme styles

A theme style is a group of settings that you can use to give your store a cohesive look and feel. If you apply a theme style to your theme, then your theme settings, such as colors and typography, will change. Each theme has at least one theme style. When you add a theme to your store, it will have a theme style applied by default. To change your theme style, click Change theme style on the Theme settings tab, then click the theme style you want to use:

The Change theme style button in the theme editor toolbar

You can use the Change theme style button to reset your theme settings to a default state.

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.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free