Complete list of sections and blocks in Story

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



Section settings included:
Heading
Description
Collections per row
Background color
Show title on hover
Image scaling for wide to tall images

Collection
Each collection block links to a collection or custom page

Block options included:
Collection
Title override
Image override
Link override


Featured collection
Display products from a selected collection



Section options included:
Heading
Description
Collection
Products per row
Product limit
Background color
Show "View all" button

No blocks all options under section settings
Featured product
Showcase a product with full details and call to action options


Section options included:
Product
Section background color
Video looping
Image zoom

Form
Displays product buying form

Options included:
Variant selection style
Quantity chooser
Inventory countdown
Dynamic checkout button
Subscriptions
Size chart popup with dynamic source support

Product description
Displays product information and custom tabs or accordions

Upsell
Displays selected upsell product

Sharing
Displays social share buttons

Local pickup
Support for stores with local pickup option

Title and price
Displays product title and price

Options included:
Show vendor
Star rating and star count

Text
Display additional content. Supports dynamic source.


Recently viewed products
Display a product grid of recently viewed items by customer



Section options included:
Heading
Product limit (number of items)
Display threshold (show after threshold)

No blocks all options under section settings
Gallery
Showcase images with zoom or custom link



Section options included:
Full width
Padding
Image scaling
Background color

Image

Block options included:
Image selection with alt text
Custom link option (if left blank, image zoom is enabled)
Image with text
Overlapping image and text feature



Section options included:
Image
Image position, aspect ratio, left/right placement
Text
Text heading, background color
Button
Button label, link, button style, button text color
Style
Background color, overlap image or text

No blocks all options under section settings
Image with text overlay
Hero banner style section with desktop and mobile image options



Section options included:
Image
Desktop image, optional mobile image, image position, section/image height, overlay to improve text contrast
Text
Large text headline, smaller text description, alignment, text color, background color
Button
Button text, link, button style, text color

No blocks all options under section settings

Logo list
Display a row of logos or any image with custom links



Section options include:
Heading
Section height, width and background color

Image

Block options include:
Image and custom link with option to open in a new tab

Overlapping images
Display a set of images with a beautiful overlapping effect



Section options include:
Text
Large text title
Smaller text description
Size
Section width
Images
Image selection with scaling options and position
Button
Optional call to action button with style, text color, button label and link

No blocks all options under section settings

Slideshow
Display one or more hero banner style images with sliding controls



Section options include:
Auto-rotate slides with time frequency
Slide controls position
Section/image height
Slideshow image

Block options included:
Image
Desktop image (best results use equal sized images)
Mobile image (optional)
Overlay amount and color for improved text contrast 
Text
Larger sized heading
Smaller size text
Background color
Placement position over image
Text color
Button
Button text (if blank, entire image is clickable)
Button style
Button text color



Timeline with Image
Display a hero banner style image with timeline slider below image



Section options included:
Timeline 
Background color
Dates color
Text color
Image
Toggle banner image
Desktop image
Mobile image (optional)
Image positioning and height
Text contrast overlay ratio and color
Text
Larger sized heading
Smaller size text
Background color
Placement position over image
Text color
Button
Button text (if blank, entire image is clickable)
Button style
Button text color

Timeline

Block options included:
Heading for timeline episode
Date of episode
Episode text
Optional text and custom link

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

Text block (each FAQ)

Block options included:
Heading (question)
Text (answer)
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


Section options included:
Heading for section
Blog
Number of articles
Blog posts/grid cards per row
Photo aspect ratio for grid cards (wide to tall)
Display date and author
Show excerpt 
Show "View all" button
Background color for section

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

Email
Form field (required)
 
Message
Form field (main message entry, required)

Text line
Form field (single line custom form entry)

Text area
Form field (multi-line custom form entry)

Date
Form field

Telephone
Form field

Form heading
Use to break up longer forms

Single checkbox
Checkbox option

Select dropdown
Add up to six drop-down options to choose from (customer selects one item from list)

Radio buttons
Add up to six radio button options for customer to choose one from (similar to select dropdown except all options are displayed at once

Accordion
FAQ style question and answer accordions. Add a new block for each question with answer

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

Sections - Previous

Section blocks

Next - Collections

Product badges

Last modified 4mo ago

Copy link