Theme Sections
Sections are parts of your theme that can be customized. You can add, reorder, and remove content on your store’s home page. Each theme has its own unique sections to choose from. These sections let you pick the types and the order of content that you want on your homepage. Examples include slideshows, collections, and videos and featured products.
Inside each section, you can add different types of content. These content types make up the content inside each section of your homepage. Each section in a theme has its own content types that you can add. Examples include products, text or images.
Fixed sections
Some sections like the theme’s Header and Footer cannot be moved. But you can customize their content the way you want.
Theme editor
The theme editor allows you to add and reorder sections in your theme. The theme editor menu appears on the left side of your browser window:
The theme editor is divided into two tabs: Sections and General settings.
In the Sections tab, you can see the page content that is available with your theme. Each part of a page is called a section. In the Sections tab you can customize sections, add more sections and move sections around on the page.
The General Settings tab allows you to make global changes to your store like fonts, text, background colour and links to your social media accounts.
Theme Styles
Each theme has at least one theme style. It is a collection of colours and styles that can be used on your store. To change this, click on the Change Theme Style button in the General Settings tab, and then select the theme style that you want to use.
Adding sections to your store
You can add sections to your homepage with the help of the theme editor menu. These instructions only apply to themes that support Sections.
- On your Shopify admin panel, click on Online Store and then Themes
- Find the theme you want to edit and then click on the Customize theme button
- In the sidebar menu, click on Add Section
- Select the type of section you would like to add, and then click on Add. These options are theme specific.
- Change the content in the section by adding and editing the content blocks on the sidebar menu
- Once done, click on Save
Change the layout of a page by moving sections
You can change the order of the sections on your theme homepage. In the theme editor’s sidebar menu, click ⁞⁞ on the section you want to move and drag the section to where you want to move it.
The preview of your theme will update to show the section in its new location.
Remove sections from your store
To remove a section from your store, you need to follow these steps:
- On your Shopify admin panel, click on Online Store and then Themes
- Find the theme you want to edit and then click on the Customize theme button
- In the sidebar menu, select the section that you want to remove.
- Click on Delete Section at the bottom of the sidebar menu
Remove content from a section
To remove content from a section, you need to follow these steps:
- On your Shopify admin panel, click on Online Store and then Themes
- Find the theme you want to edit and then click on the Customize theme button
- Select the section that contains the content that you want to remove
- In the Content section, select the content you want to remove
- Click on Delete
Undoing and redoing 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.
