Your Cart is Empty

by Michael P. Hill January 04, 2017

Sections are the newest feature of the Shopify theme ecosystem. So, what are sections and how can you use them to create an awesome Shopify store?

What are sections?

Sections, in short, are Shopify’s approach to making Shopify themes more modular, with interchangeable modules of content that can be moved around a page, each with its own settings, specific content and position.

Sections have been introduced hand-in-hand with Shopify’s new Theme Editor, an interface tool on the shop admin side of things that allows you to change and preview your theme settings in real time.

Where can sections be used?

For the time being, Shopify theme sections that can be reordered are limited to the home page of your Shopify store, but, it’s still a great and flexible way to keep your homepage fresh and create an engaging store. Other pages can include sections but they are not as flexible as the homepage and there's no way to control the order of sections on these pages.

Other pages, such as product pages, can include sections but they are not as flexible as the homepage and there's no way to control the order of sections on these pages.

Shopify theme sections editor

Home page sections are controlled under the Sales Channels > Online Store > Themes > Customize theme area of each theme.

By default, a handful of predefined sections are loaded into homepages, but once you start exploring this section, the power of sections becomes apparent.

How do I add a section?

Add Shopify theme section

By clicking the simple “Add section” option in the left hand panel, you’ll be presented with a variety of section options that can be inserted in the body of your home page.

At launch, many theme developers, including Out of the Sandbox, are offering a basic selection of sections relating to products, collections, text, images, videos, blogs and social media. Depending on the theme, you may also find specific sections for logo lists, galleries, featured promotions, and customer testimonials too, for example.

How are sections different?

The first thing to note is that sections follow a bit of a different naming convention than many themes have used in the past.

For example, what used to be known as “Featured links” in older versions of Out of the Sandbox themes are now called “Images with text” and “banners” are now known as “Image with text overlay.”

Many of these naming conventions are now dictated by Shopify, meaning that you’ll see more consistent naming among all themes on the market.

Why are sections better?

The beauty of each section is that, once it’s created, it can be independently controlled and configured. A homepage can also have, in theory, any number of sections or combinations of sections, including multiple instances of each type of section.

Not only does this give you an incredible amount of control over the order and layout of sections, but you can also use the same type of section for multiple purposes.

For example, the “Images with text” option can be used for featured links, featured promotions or a variety of other types of informational content.

What can I do inside of sections?

Most section types also allow you to add “blocks” inside of each section module. A good example of this is a slider that has multiple slide panels.

In this case, each slide is its own block, but all of them are housed within the parent “Slideshow” section. This means that they are tied together and if the parent section is moved or edited, all of the blocks contained within move along with it.

Again, the ability to use blocks with sections is a great way to repurpose section types for different uses. For example, one slideshow section might serve as a hero element on the homepage, while another one can be used to scroll through customer testimonials or reviews. Yet another might be repurposed as a photo gallery to show off the detail of your products on the homepage.

What is the future of sections?

Sections also offer a slew of exciting possibilities for theme authors to let users add a wide variety of sections that serve more specific uses. For example, a specially formatted section might let you create a gallery of “featured in” or partner logos, while another specialty one lets you create a call to action banner.

Here are some of the many other types of sections that could be included:

  • Comparison charts or pricing tables
  • A slider of featured blog posts
  • Checkerboard or Pinterest style layouts featuring products or blog posts
  • “Featured in” carousels or grid layouts
  • Sections for showing niche social media profile widgets

The possibilities of sections are really endless — and that’s where we’d like to hear from you. What types of sections do you think would be useful to include in future releases of Out of the Sandbox themes? Tweet us or post your ideas in the comments!

What else might the future hold for sections? So far, Shopify has been a bit mum regarding whether or not the sections capability might someday expand to product, collection, blog or other parts of themes.

Much of that functionality is likely to be driven by user feedback and demand, so if you think that type of feature might be useful, we recommend reaching out to Shopify directly to express your interest ( click here to tweet Shopify directly).

What Out of the Sandbox themes support sections?

All Out of the Sandbox themes now support sections. Ready to upgrade to a sections-compatible version of your theme? The best way update is to download and install our Shopify theme updater app.

Michael P. Hill
Michael P. Hill

Michael P. Hill is a Shopify, Shopify theme, content marketing, digital marketing and product management expert based in Chicago. Follow him on Twitter at @michaelphill or connect on LinkedIn.

Need Support?

Please don't post support questions or issues as a comment on this thread, as we may not be able to process it in a timely manner. Instead, please visit our Support Center to browse frequently asked questions or submit a support request directly to our team.

Also in Shopify Theme Blog

Section by section: 12 ways to use the slideshow section in your Shopify theme
Section by section: 12 ways to use the slideshow section in your Shopify theme

by Michael P. Hill March 28, 2017 0 Comments

While you might think that the slideshow Shopify theme section is limited to, well, slideshows, it’s actually a versatile section that can be used for a variety of purposes on your store’s homepage. They are a great way to “tease” your shoppers with an intriguing image and bit of text and get them to engage more.

Read More
Turbo 2.0 is here — here's what's new and how to get it
Turbo 2.0 is here — here's what's new and how to get it

by Michael P. Hill March 22, 2017 0 Comments

It’s finally here — Turbo 2.0 with sections! This is the first major update to our latest and greatest Shopify theme, Turbo. So, what’s new in Turbo 2.0? How do you get the latest version? Learn about the new present theme style and all the great sections you can use now. Find that out and more in this post, plus learn how to save on this premium Shopify theme for a limited time.

Read More
Section by section: 20 ways to use the featured promotions section in your Shopify theme
Section by section: 20 ways to use the featured promotions section in your Shopify theme

by Michael P. Hill March 14, 2017 0 Comments

Featured promotions are simple and straightforward Shopify theme sections that rely on tried and true user interface design principles to pique shoppers’ curiosity into clicking and delving deeper into your site. Learn how to use the section over 20 ways.

Read More
News & Updates

Sign up to get the latest on sales, new releases and more …