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?
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.
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.
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.
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.
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.
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.
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.
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:
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).
As of this writing, Responsive and Mobilia support Shopify sections, with the remaining themes being upgraded to add sections support soon. All current license holders will to all themes will be eligible to upgrade to sections support at no charge as updates are released.
The best way to find out when your Shopify theme is ready to support sections is to download and install our Shopify theme updater app.
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.
As the holiday shopping season winds down and we look forward to an exciting new year in ecommerce, most Shopify merchants have a long list of “to do” items for 2017.