What are sections and how do I use them?

Sections is a Shopify feature that effectively allows merchants to assemble pages from customizable components (or sections!). This means tons of flexibility, especially on the homepage, where you can add, remove and reorder sections with just a few clicks. Examples of sections include featured products, slideshows, collection listings, or videos. You'll access the customization options for all of them from the Sections tab in the theme editor.

How to add and configure a new section

When you first install a sections theme, several default sections will already be visible—things like Header and Footer, as well as Slideshow, Featured Collections, Blog, and a handful of other essentials. Each of these is paired with “empty state” placeholder content in the preview to give you an idea of the formatting of each section. 

empty-state

The sections that are enabled out-of-the-box are merely suggestions of the types of content you might want to include on a page. If you don’t want to include something, simply delete it. If something you want to include isn’t there, click “Add selection” and find it on the list.

Clicking on a section will bring up a set of unique configuration settings, allowing you to do everything from customize the rotation speed of your slideshow to connect your Instagram feed to select the products and collections you want to highlight. All the changes you make in the theme editor sidebar will be immediately visible in your store preview window.

Types of sections

“For every thing, there is a section.” That’s how the saying goes, isn’t it? Maybe not, but there are a whole lotta section types that can help you do a whole lotta things in your store.

One noteworthy distinction is that of fixed and dynamic sections. Fixed sections are exactly what they sound like—components fixed to certain areas of your site that cannot be moved. These include your store’s header and footer, as well as sections specific to certain page templates.

A good example of this is the Team Members section on the About page of our Launch theme. We designed the About page template to show off your team members between the primary page content and newsletter signup form. (If you want to do it a different way, you can always use a different template.)

launch-team-section

Conversely, dynamic sections are not fixed to any specific area of your site, meaning you can add as many as you want and rearrange them to create a completely unique layout. Most sections on the homepage of most themes fall into this category, including Featured Products, Promotions, Blog Posts, and Image with Text sections.

Here’s a little gif to show how easy it is to drag and drop dynamic sections into position on your homepage:

homepage-sections-gif

That’s really all there is to it!