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



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
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

Policy (card)

Block options included:
Heading of card
Card content (rich-text area)
Card link

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

Tab

Block options included:
Tab heading
Tab content (rich-text area)
Team
Display cards with circle styled image area and text below. Includes multiple text styles and social media icons/links. Ideal for profiling people.



Section options included:
Heading (larger text)
Description (smaller text)
Items per row (cards per row)
Height, width, and Background color of section
Person (card)

Block options included:
Image
Name (larger bold text)
Job title (smaller text)
Text (main text area)
Social links (when link is added, social icon appears):
Instagram
Tik Tok
Snapchat
Twitter
Facebook
Pinterest
LinkedIn
Tumblr
YouTube
Vimeo
Testimonials
Display cards for product reviews or quotes



Section options included:
Heading (larger text)
Description (smaller text)
Testimonials per row (cards per row)
Background color of section

Testimonial

Block options included:
Image (suggested use: person or product)
Name
Context (description)
Stars (review stars, 0 to disable)
Testimonial (main rich-text area)

Text columns with images
Display content in columns with optional image and text areas. Build single or multiple rows by adding column blocks.



Section options included:
Heading
Background color of section
Text alignment
Columns per row (on mobile rows will scroll when more than one per row is used)
Photo aspect ratio (wide to tall, applies to all images)


Column

Block options included:
Show image toggle (when checked, image is displayed. Uncheck to show only text)
Heading for card/column
Text (rich-text)
Button label (if blank, entire image is used as the link)
Button link (custom link)

Timeline tree
Display a vertical timeline with connected images or dots



Section options included:
Height, Width, and Background color for section
Timeline

Block options included:
Heading for each timeline period
Image (if unused, a dot is used to indicate period in timeline)
Date (smaller text above heading)
Text (main rich-text content area)
Link text (only displayed when link is used)
Link URL (optional custom link)

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
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	Policy (card) Block options included: Heading of card Card content (rich-text area) Card link
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	Tab Block options included: Tab heading Tab content (rich-text area)
Team Display cards with circle styled image area and text below. Includes multiple text styles and social media icons/links. Ideal for profiling people. Section options included: Heading (larger text) Description (smaller text) Items per row (cards per row) Height, width, and Background color of section	Person (card) Block options included: Image Name (larger bold text) Job title (smaller text) Text (main text area) Social links (when link is added, social icon appears): Instagram Tik Tok Snapchat Twitter Facebook Pinterest LinkedIn Tumblr YouTube Vimeo
Testimonials Display cards for product reviews or quotes Section options included: Heading (larger text) Description (smaller text) Testimonials per row (cards per row) Background color of section	Testimonial Block options included: Image (suggested use: person or product) Name Context (description) Stars (review stars, 0 to disable) Testimonial (main rich-text area)
Text columns with images Display content in columns with optional image and text areas. Build single or multiple rows by adding column blocks. Section options included: Heading Background color of section Text alignment Columns per row (on mobile rows will scroll when more than one per row is used) Photo aspect ratio (wide to tall, applies to all images)	Column Block options included: Show image toggle (when checked, image is displayed. Uncheck to show only text) Heading for card/column Text (rich-text) Button label (if blank, entire image is used as the link) Button link (custom link)
Timeline tree Display a vertical timeline with connected images or dots Section options included: Height, Width, and Background color for section	Timeline Block options included: Heading for each timeline period Image (if unused, a dot is used to indicate period in timeline) Date (smaller text above heading) Text (main rich-text content area) Link text (only displayed when link is used) Link URL (optional custom link)

Last modified 11mo ago