Story theme
Story v2
Story v2
  • Story theme documentation
  • online store 2.0
    • The new experience
  • Header
    • Header styles
    • Toolbar
    • Navigation images
    • Image menus
    • Transparent header
    • Mega-menu navigation
    • Drop-down navigation
  • Sections
    • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
    • Section blocks
    • Complete list of sections and blocks in Story
  • Collections
    • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
    • Collection filtering
      • Custom filter options
    • Collection sorting
    • Collection navigation
    • Feature image
  • Products
    • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
    • Product tabs
      • Static product tabs
      • Unique product tabs
    • Color swatches
    • Inventory countdown
    • Pre-order products
    • Size Charts
      • Static size chart
      • Unique size charts
      • Creating pages
    • Product image sizes
  • Cart
    • Cart styles
    • Shipping message
    • Estimate shipping calculator
    • Cart settings
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • Contact page
    • Lookbook
    • Team
    • Timeline
  • Blogs
    • Blogs
    • Articles
  • Settings
    • Tile decoration
    • Enable container
  • Updates
    • Story Releases
    • Check your theme version
    • How to download latest version
  • Tips
    • Where to make CSS changes
    • How to add a line break in your headings
  • Advanced
    • Story tutorials
    • Remove Shopify link in footer
  • Contact
    • Share preview link
  • Earlier versions
    • Story v1
Powered by GitBook
On this page
  • Adding blocks
  • Block settings
  • Creative designs with sections and blocks
  • Hide and reorder blocks
  1. Sections

Section blocks

Add and customize content within a section using section blocks

PreviousReordering sectionsNextComplete list of sections and blocks in Story

Last updated 3 years ago

Many sections contain section blocks. These are blocks of content that you can add, configure, hide, reorder within a section and remove. An example of a content block is a slide in a slideshow section. You can configure each slide, hide a slide, reorder slides and remove or delete a slide.

Adding blocks

Each section that supports blocks will have an option to add a block. For example, with the Timeline section, adding a new block is called Add Timeline.

Block settings

Similar to sections, each block has its own settings. These settings are used to customize the block content within the section:

  • Section settings are used to customize the entire section

  • Block settings are used to customize each block of content inside the section

Creative designs with sections and blocks

Build rich and creative sections on your homepage, product pages, collections, blogs, pages, and more by exploring different sections and block types. When using sections outside of the homepage, be sure to create a new template when unique content is needed on multiple pages.

Explore the many different sections and block types in Story to create beautiful and effective sections of content for your store.

Place sections on various pages and page templates to merchandise your entire store and share your brand experience with customers.

Hide and reorder blocks

Content blocks can be hidden to be used later or deleted if not required:

Content order can easily be changed using drag and drop:

If the section is closed, click on the expand triangle icon which is left of the section title
Each block type will have a different content settings