Customizing Sections in the theme editor

In the list of sections and blocks, all of the blocks for the sections on a page are displayed by default.

Sections that make up the header or footer are collapsed by default. You can click the button next to a section name to display its content.

Learn more about managing sections and blocks for your theme.

Section groups

Sections are grouped into the following areas for every page template in your theme:

• The Header area includes your header, announcement bar, and any apps or custom Liquid.
• The Template area includes sections that make up the main body of your page. For example, the template sections can include blog posts, collage, collection lists, or custom Liquid.
• The Footer area includes your footer, email signup, and any apps or custom Liquid.

Your header and footer are shared across all of your online store's pages. For example, if you add a custom Liquid block to the header, then that custom Liquid displays on all your product pages, home page, and any other pages.

Learn more about customizing sections and blocks in your theme.

Expand and collapse sections and blocks

Expand a section node using the button to view its blocks, or collapse it using the icon to hide the blocks. You can click any section or block to view its settings.

Moving sections and blocks

You can move a section or a block from one area of the page to another area using the icon to click and drag the section or block and then drop it to another available location.

If you try to move a section or block where it isn't allowed, then the section or block will drop back into its original location.

Removing sections and blocks

You can remove a section or block from a template in either of the following two ways:

• Move your cursor next to the section name, and then click the button:

  

• Click the section name, and then click Remove section in the section setting details:

  

Steps:

1. From your Shopify admin, go to Online Store > Themes.

2. Next to the theme that you want to edit, click Edit theme.

3. In the theme editor sidebar, click the section or block that you want to remove.

4. Click Remove section or Remove block.

5. Click Save. If you're editing a published theme, then click Publish to save your changes and make them live in your store.

Hiding sections and blocks

You can hide any section or block using the button: