Complete list of sections and blocks in Story
Explore all the sections and feature rich blocks included with Story theme
Story includes over 25 professionally designed sections. Explore all the sections and blocks included in the theme with this reference guide:
Section | Theme Blocks |
---|---|
Collection list
Showcase featured collections in your store
![]() |
|
Featured collection
Display products from a selected collection
![]() | No blocks all options under section settings |
Featured product
Showcase a product with full details and call to action options
![]() |
|
Recently viewed products
Display a product grid of recently viewed items by customer
![]() | No blocks all options under section settings |
Gallery
Showcase images with zoom or custom link
![]() |
|
Image with text
Overlapping image and text feature
![]() | No blocks all options under section settings |
Image with text overlay
Hero banner style section with desktop and mobile image options
![]() | No blocks all options under section settings
|
Logo list
Display a row of logos or any image with custom links
![]() |
|
Overlapping images
Display a set of images with a beautiful overlapping effect
![]() | No blocks all options under section settings
|
Slideshow
Display one or more hero banner style images with sliding controls
![]() |
|
Timeline with Image
Display a hero banner style image with timeline slider below image
![]() |
|
Video
Display a still hero banner image with button to play a pop-up YouTube or Vimeo video
Or
Auto-play a YouTube or Vimeo video in the background, sized as a hero banner
Section options include:
Image
Desktop image (Tip: used while background video is loading)
Mobile image
Image position
Video
YouTube or Vimeo video URL
Video/image height
Text contrast overlay ratio and color
Auto-play video in background option (uses entire section to play background video)
Show play button (overlays a play button to be used to watch video in pop-up modal)
Text
Larger sized heading
Smaller size text
Placement position over image/video
Text color
Background color
| No blocks all options under section settings |
Accordion group
Display an FAQ style accordion
Section options included:
Heading
Heading alignment
Text size (for expanded answers)
Height of section
Width of section
Text color (both question and answer)
Background color for entire section
|
|
Basic text
Displays a section of rich text. Useful for breaking up media content with text information or adding text below/above image-based sections (Tip: See also, Custom text section which contains additional options and styles)
Section options included:
Heading for section
Text (main text content)
Height of section
Width of section
Background color of section
| No blocks all options under section settings |
Blog posts
Showcase latest blog posts using grid cards
![]() | No blocks all options under section settings |
Contact form
Add a contact form with custom features including Accordion blocks for frequently asked questions
![]()
Section options included:
Form heading
Accordion heading
Height, width and background color of section
|
|
Custom Liquid
Add app snippets or other Liquid code to create advanced customizations
Section options include:
Liquid or app code input area
| No blocks all options under section settings |
Custom text
Add a text section with optional button and multiple columns. Includes two heading types and styles as well.
Section options include:
Kicker (smaller heading style)
Heading (larger heading style)
Text size (main text size)
Number of columns (up to three on desktop)
Text alignment (left or centered)
Button
Button text
Custom link
Button size, style and color
Style
Height and width of section
Text color
Background color of section
| No blocks all options under section settings |
Map
Display a Google Map location map or custom image for store location
Section options included:
Layout
Map alignment
Mapy height
Overlay (show map above or below)
Address and Directions
Heading
Address and hours (rich-text area)
Map link label
Background color of section
Map
Google Maps API key
Map address and style
Zoom
Image (used when Google map isn't loading)
Location Correction
Use custom Latitude and Longitude
| No blocks all options under section settings |
Newsletter
Add a newsletter sign-up form
Section options included:
Heading (larger text)
Subheading (smaller main text content)
Background color of section
| No blocks all options under section settings |
Page
Display any page created in your Shopify Admin inside a section. Ideal for adding content you've created in the Pages portion of your Shopify admin.
Section options included:
Select page
Display the page title (optional)
Background color of section
| No blocks all options under section settings |
Policy links
Add card styled links with information. Display multiple links to help customers find information within your store or external. Ideal for privacy policies, returns, warranty, and delivery options.
Section options included:
Heading for section
Height, width and background color of section
|
|
Tabs
Display tabs for desktop and mobile. Add custom tab content. Each tab block represents a tab. Tab headings scroll on mobile and smaller screens.
Section options included:
Height, width, and background color of section
|
|
Team
Display cards with circle styled image area and text below. Includes multiple text styles and social media icons/links. Ideal for profiling people.
![]() |
|
Testimonials
Display cards for product reviews or quotes
![]() |
|
Text columns with images
Display content in columns with optional image and text areas. Build single or multiple rows by adding column blocks.
![]() |
|
Timeline tree
Display a vertical timeline with connected images or dots
![]() |
|
Last modified 11mo ago