# Sections overview

Label includes templates for building common store pages like the homepage and product page. Within each template, Label’s provides reusable sections and blocks for adding elements into your store’s pages - refer to Theme structure.

Instead of spending time recreating the same elements for every page, use Label’s templates, sections and blocks for a convenient way to build pages quickly, while maintaining a consistent design across your store. To learn about a particular section, use the links provided in this guide or select a section from the side menu.

The following video demonstrates rearranging the Featured collection section above the Collection list on a store’s homepage.

# Theme structure

A typical store has different types of pages, like product and blog post pages. Label provides a convenient template for each type of page. For example:

  • the Home page template defines what’s displayed on your store’s homepage.

  • the FAQ page template defines what’s displayed on the frequently asked questions page, etc.

Label’s templates are comprised of sections and blocks.

  • Section. Within a template, a container for an area of content, like a sidebar, header or footer, is called a section.

  • Block. A block is an element of content inside a section, like a product, a video, or an image with text.

# Page templates

Label contains default and additional page templates.

  • Default. All Shopify themes include a set of default page templates for creating common store pages. Label provides pre-configured store pages, created from its default page templates, including a homepage and checkout page.

  • Additional. Additional page templates are used to create store pages that are unique to Label. To use Label’s additional page templates, you must assign products/ pages to them. Refer to Shopify help: Templates (opens new window), and Enable the Lookbook page template.

Label’s page templates are listed below.

Note

* Indicates an additional page template.

  • Home page

  • Products

    • Default product
    • Fashion*
    • Book*
    • Preorder*
    • Music*
  • Collections

    • Default collection
    • List*
  • Collections list

  • Pages

    • Default page
    • Faq*
    • Gallery*
    • Artist*
    • Lookbook*
    • Gallery with text*
    • Contact*
    • Tour - events*
  • Blogs

    • Default blog
  • Blog posts

    • Default blog post
  • Cart

  • Checkout

  • Others

    • Password
    • 404 page
    • Search
    • Gift card

# Static, content and template sections

By default, Label’s templates are pre-configured with sections and blocks that are most relevant to a page’s purpose, and can include the following types of section.

# Static sections

With the exception of the Checkout, Password and Giftcard templates, by default, all templates include the five static sections described in the following table.

Section name Description
Sidebar menu Provides visitors with a side menu for navigating the pages in your store.
Announcement bar Provides messages for your store’s visitors, for example, to announce sales or special discounts.
Header Provides visitors with a top menu for navigating pages in your store.
Footer Provides visitors with a secondary menu, at the bottom of pages, for navigating your store.
Popup Displays a small window containing promotional or advertising messages for your store’s visitors.

Typically, static sections cannot be fully removed or rearranged without altering Label’s code (recommended for expert users only). However, you can hide the Popup and Announcement bar sections by adjusting their settings - refer to Shopify help: Edit a section (opens new window).

# Content sections

The content sections described in the following table can be added into or removed from any page, except the Checkout and Giftcard pages.

Section name Description
Blog posts * Displays a selection of blog posts on a store page.
Collection list * Displays a selection of collections on a page.
Custom liquid Supports Liquid code for advanced customizations.
FAQ Provides visitors with answers to common questions.
Featured collection * Sets a collection as a featured collection and displays it on a page.
Featured product* Displays a specific product on a store page.
Gallery* Displays a selection of images on a page.
Gallery with text Displays a selection of images, with text, on a page.
Image with text* Displays an image and text, side-by-side, on a page.
Image with text overlay* Displays an image, overlaid with text, on a page.
Logo list Displays a list of logos associated with store items.
Lookbook with image Displays a selection of related products, with images and text, on a page.
Lookbook with video Displays a selection of related products with video, images and text, on a page.
Newsletter* Displays a newsletter sign-up form on a page.
Promotion banner Adds a special text area for promotional messages.
Rich text * Adds formatted text with headings to a page.
Slideshow Displays a series of images on a page.
Testimonials Displays comments from customers, clients, and staff.
Tour and events Displays details about tour dates and other events.
Video Adds a video to a page from a URL.
Video with text Adds a video to a page.
Video with text overlay Adds a video from a URL, overlaid with text, to a page.

Note

* Denotes the content sections included in Label’s home page template by default.

# Template sections

A template section provides a special content area to a particular template. Each template section is only available on specific pages. For example, only Label’s 404 page template includes the Main 404 template section.

The following table describes Label’s template sections and the specific templates they belong to.

Section name Description Corresponding template name
Product - feature video Feature a video on a product page.
  • Products > Default product
  • Products > Fashion
  • Products > Preorder
  • Products > Music
Product pages Set what’s displayed on the page when a visitor selects a product from your store.
  • Products > Default product
  • Products > Fashion
  • Products > Preorder
  • Products > Music
Product recommendations Displays related products on a product page.
  • Products > Default product
  • Products > Fashion
  • Products > Book
  • Products > Preorder
  • Products > Music
Product reviews Allow customers to submit and read product reviews and ratings.
  • Products > Default product
  • Products > Fashion
  • Products > Book
  • Products > Preorder
  • Products > Music
Collection banner Display a banner image above a collection on a collection page. Collections > Default collection
Collection header Set how collection titles are displayed on collection pages. Collections > Default collection
Collection grid Customize collection pages by adding features, like a grid layout, or product filtering and sorting. Collections > Default collection
Collection list Set how the collections assigned to the list template are displayed. Collections > List
Collections list page Set how your store’s collections are displayed on the collection list page. Collection list
Main page contact Set how your store’s contact information is displayed on the contact page. There are no section settings to adjust. In your shopify admin, setup page content in Online store > Pages > Contact. Editing the page template is recommended for advanced users only.
  • Pages > Default page
  • Pages > Contact
Main page There are no section settings to adjust.
  • Pages > Faq
  • Pages > Gallery
  • Pages > Gallery with text
Page banner Display a banner image at the top of an artist page. Pages > Artist.
Page content Set the content that’s displayed on an artist page. Pages > Artist.
Collection with product Feature a product and collection on an artist’s page. Pages > Artist.
Blog header Set how title text (header) is displayed on blog pages. Blogs > Default blog.
Article image Set how the featured image is displayed on a blog post (article) page. Blog posts > Default blog post.
Article page Set how page content displays on a blog post (article) page. Blog posts > Default blog post.
Cart items Set how items added to the cart are displayed on your store’s cart page. Cart
Cart footer Set how the footer of your store’s cart is displayed on the cart page. Cart
Password - content Provide “Opening Soon” information, on the password page, about store content that’s pending release. Others > Password
Main 404 Provide a message that’s displayed whenever a visitor follows a link to a store page that cannot be found. Others > 404 page
Search Set how search results are displayed on the search page. Others > Search
Gift card Setting up a Gift card section on your store’s gift card page to allow customers to purchase prepaid store credit. Others > Gift card

Note

To customize your store’s pages, you can add, edit, remove, show, hide and even rearrange sections and blocks. Refer to Configure blocks inside a section, Shopify help: Sections and blocks (opens new window), or select a section from the side menu.

# Configure blocks inside a section

The names of the blocks inside a section generally correspond to the name of the section that contains them. For example, a default FAQ section contains Question blocks, and a Slideshow) section contains Image slide blocks.

Some sections have more than one type of block. For example, a default Product pages section is pre-configured with blocks for (product) Title, Price, Variant picker, and Buy buttons. Optional blocks can also be added into some sections, where relevant.

Note

To learn about the available blocks in each section, refer to Static, content and template sections, and then follow the links in corresponding table.

# Configure, add, remove, hide, or move a block

To configure, add, remove, hide/ show, or move a block inside a section:

  1. In Customize theme, select a template that contains the section with the block you want to configure.

  2. From the side menu, select the required section.

  3. From the section menu, choose one of the following tasks.

  • To configure a block, select the required block, and then apply the corresponding block settings. For example, the following image shows a selected Image slide block inside a slideshow section.

    A selected image slide block option inside a slideshow section in Theme editor
  • To add a block into the section, select Add block, and then choose a block to add. For example, the following image shows the Add slide option to add an Image slide block into a slideshow section.

    The add image slide block option for a slideshow section in Theme editor
  • To remove a block from the section, choose a block to remove, and then select Remove block. For example, the following image shows the option to remove an Image slide block from a slideshow section.

    The remove image slide block option for a slideshow section in Theme editor
  • To hide/ show a block in the section, select the eye icon beside the block. For example, in the following image, the option is enabled to show an Image slide block inside a slideshow section.

    The show or hide image slide block option for a slideshow section in Theme editor
  • To move a block above/ below another block in the section, select the drag icon beside the block, and then drag the block to the required position. For example, the following image shows moving one Image slide block above another inside a slideshow section.

    The drag image slide block option for a slideshow section in Theme editor

# Section theme settings menu

In Theme editor, the settings panel for many sections includes an expandable Theme settings menu. Expand the menu to access applicable theme settings for the current section. In the following image, the expandable theme settings menu is included inside a product pages section. Refer to Shopify help: Theme editor (opens new window).

An example of the theme settings menu for a product page section in Theme editor

Each theme setting can apply to multiple sections and pages. Changing a theme setting from inside the current section can affect other store sections and pages.

For example, by using the expandable theme settings menu inside the Product pages section, you can adjust the Add to cart button style. The button is used in other sections and pages throughout the store. Adjustments to the button theme settings, inside the product pages section, are also applied the to other areas of your store that use the button.

When configuring a section, if you’re unsure about an option in the expanded theme settings menu, access the setting from the standard Theme settings panel. Refer to Settings overview.