> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-v2/sections/complete-list-of-sections-and-blocks-in-story.md).

# 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                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Collection list</strong><br>Showcase featured collections in your store<br><br><img src="/files/Kr6bxuyneXQUa78AwI39" alt=""><br><br>Section settings included:<br>Heading<br>Description<br>Collections per row<br>Background color<br>Show title on hover<br>Image scaling for wide to tall images<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | <ul><li><strong>Collection</strong><br>Each collection block links to a collection or custom page<br><br>Block options included:<br>Collection<br>Title override<br>Image override<br>Link override<br><br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| <p><strong>Featured collection</strong><br>Display products from a selected collection<br><br><img src="/files/Un15M2jq5Oy3b9AHKn9n" alt=""><br><br>Section options included:<br>Heading<br>Description<br>Collection<br>Products per row<br>Product limit<br>Background color<br>Show "View all" button<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Featured product</strong><br>Showcase a product with full details and call to action options<br><br><img src="/files/NmLdmmTayPYHBOax4ru1" alt=""><br>Section options included:<br>Product<br>Section background color<br>Video looping<br>Image zoom<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | <ul><li><strong>Form</strong><br>Displays product buying form<br><br>Options included:<br>Variant selection style<br>Quantity chooser<br>Inventory countdown<br>Dynamic checkout button<br>Subscriptions<br>Size chart popup with dynamic source support<br></li><li><strong>Product description</strong><br>Displays product information and custom tabs or accordions<br></li><li><strong>Upsell</strong><br>Displays selected upsell product<br></li><li><strong>Sharing</strong><br>Displays social share buttons<br></li><li><strong>Local pickup</strong><br>Support for stores with local pickup option<br></li><li><strong>Title and price</strong><br>Displays product title and price<br><br>Options included:<br>Show vendor<br>Star rating and star count<br></li><li><strong>Text</strong><br>Display additional content. Supports dynamic source.<br><br></li></ul>                                                                                                                                                             |
| <p><strong>Recently viewed products</strong><br>Display a product grid of recently viewed items by customer<br><br><img src="/files/LEicKWJwik7wa2sJh2Na" alt=""><br><br>Section options included:<br>Heading<br>Product limit (number of items)<br>Display threshold (show after threshold)<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Gallery</strong><br>Showcase images with zoom or custom link<br><br><img src="/files/irDfkKHjXM3fOUO1u2TF" alt=""><br><br>Section options included:<br>Full width<br>Padding<br>Image scaling<br>Background color<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | <ul><li><strong>Image</strong><br><br>Block options included:<br>Image selection with alt text<br>Custom link option (if left blank, image zoom is enabled)</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| <p><strong>Image with text</strong><br>Overlapping image and text feature<br><br><img src="/files/ZhJzoBWzMQPo0cmG2gIk" alt=""><br><br>Section options included:<br><strong>Image</strong><br>Image position, aspect ratio, left/right placement<br><strong>Text</strong><br>Text heading, background color<br><strong>Button</strong><br>Button label, link, button style, button text color<br><strong>Style</strong><br>Background color, overlap image or text<br></p>                                                                                                                                                                                                                                                                                                                                                      | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Image with text overlay</strong><br>Hero banner style section with desktop and mobile image options<br><br><img src="/files/CHtROV8D2JJTCdGlZg9M" alt=""><br><br>Section options included:<br><strong>Image</strong><br>Desktop image, optional mobile image, image position, section/image height, overlay to improve text contrast<br><strong>Text</strong><br>Large text headline, smaller text description, alignment, text color, background color<br><strong>Button</strong><br>Button text, link, button style, text color<br></p>                                                                                                                                                                                                                                                                            | <p><em>No blocks all options under section settings</em><br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| <p><strong>Logo list</strong><br>Display a row of logos or any image with custom links<br><br><img src="/files/qMPVSLdxdYstRKIWfL7x" alt=""><br><br>Section options include:<br>Heading<br>Section height, width and background color<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | <ul><li><strong>Image</strong><br><br>Block options include:<br>Image and custom link with option to open in a new tab<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| <p><strong>Overlapping images</strong><br>Display a set of images with a beautiful overlapping effect<br><br><img src="/files/BLXTnreJnx4e76I6phsE" alt=""><br><br>Section options include:<br><strong>Text</strong><br>Large text title<br>Smaller text description<br><strong>Size</strong><br>Section width<br><strong>Images</strong><br>Image selection with scaling options and position<br><strong>Button</strong><br>Optional call to action button with style, text color, button label and link<br></p>                                                                                                                                                                                                                                                                                                               | <p><em>No blocks all options under section settings</em><br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| <p><strong>Slideshow</strong><br>Display one or more hero banner style images with sliding controls<br><br><img src="/files/yqnn6Qg74bXSuTtF0YIv" alt=""><br><br>Section options include:<br>Auto-rotate slides with time frequency<br>Slide controls position<br>Section/image height</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | <ul><li><strong>Slideshow image</strong><br><br>Block options included:<br><strong>Image</strong><br>Desktop image (best results use equal sized images)<br>Mobile image (optional)<br>Overlay amount and color for improved text contrast <br><strong>Text</strong><br>Larger sized heading<br>Smaller size text<br>Background color<br>Placement position over image<br>Text color<br><strong>Button</strong><br>Button text (if blank, entire image is clickable)<br>Button style<br>Button text color<br><br><br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| <p><strong>Timeline with Image</strong><br>Display a hero banner style image with timeline slider below image<br><br><img src="/files/znvBlmlMVlvm8rUfYHVF" alt=""><br><br>Section options included:<br><strong>Timeline</strong> <br>Background color<br>Dates color<br>Text color<br><strong>Image</strong><br>Toggle banner image<br>Desktop image<br>Mobile image (optional)<br>Image positioning and height<br>Text contrast overlay ratio and color<br><strong>Text</strong><br>Larger sized heading<br>Smaller size text<br>Background color<br>Placement position over image<br>Text color<br><strong>Button</strong><br>Button text (if blank, entire image is clickable)<br>Button style<br>Button text color<br></p>                                                                                                 | <ul><li><strong>Timeline</strong><br><br>Block options included:<br>Heading for timeline episode<br>Date of episode<br>Episode text<br>Optional text and custom link<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| <p><strong>Video</strong><br>Display a still hero banner image with button to play a pop-up YouTube or Vimeo video<br>Or<br>Auto-play a YouTube or Vimeo video in the background, sized as a hero banner<br><br>Section options include:<br><strong>Image</strong><br>Desktop image (Tip: used while background video is loading)<br>Mobile image<br>Image position<br><strong>Video</strong><br>YouTube or Vimeo video URL<br>Video/image height<br>Text contrast overlay ratio and color<br>Auto-play video in background option (uses entire section to play background video)<br>Show play button (overlays a play button to be used to watch video in pop-up modal)<br><strong>Text</strong><br>Larger sized heading<br>Smaller size text<br>Placement position over image/video<br>Text color<br>Background color<br></p> | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Accordion group</strong><br>Display an FAQ style accordion<br><br>Section options included:<br>Heading<br>Heading alignment<br>Text size (for expanded answers)<br>Height of section<br>Width of section<br>Text color (both question and answer)<br>Background color for entire section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | <ul><li><strong>Text block (each FAQ)</strong><br><br>Block options included:<br>Heading (question)<br>Text (answer)</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Basic text</strong><br>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, <em>Custom text</em> section which contains additional options and styles) <br><br>Section options included:<br>Heading for section<br>Text (main text content)<br>Height of section<br>Width of section<br>Background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                   | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Blog posts</strong><br>Showcase latest blog posts using grid cards<br><img src="/files/YPOeNU8Tmpuz4lbjU9oO" alt=""><br><br>Section options included:<br>Heading for section<br>Blog<br>Number of articles<br>Blog posts/grid cards per row<br>Photo aspect ratio for grid cards (wide to tall)<br>Display date and author<br>Show excerpt <br>Show "View all" button<br>Background color for section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                        | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Contact form</strong><br>Add a contact form with custom features including Accordion blocks for frequently asked questions<br></p><p><img src="/files/ImhbC8HISlA0KclK4RSY" alt=""></p><p><br>Section options included:<br>Form heading<br>Accordion heading<br>Height, width and background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | <ul><li><strong>Email</strong><br>Form field (required)<br> </li><li><strong>Message</strong><br>Form field (main message entry, required)<br></li><li><strong>Text line</strong><br>Form field (single line custom form entry)<br></li><li><strong>Text area</strong><br>Form field (multi-line custom form entry)<br></li><li><strong>Date</strong><br>Form field<br></li><li><strong>Telephone</strong><br>Form field<br></li><li><strong>Form heading</strong><br>Use to break up longer forms<br></li><li><strong>Single checkbox</strong><br>Checkbox option<br></li><li><strong>Select dropdown</strong><br>Add up to six drop-down options to choose from (customer selects one item from list)<br></li><li><strong>Radio buttons</strong><br>Add up to six radio button options for customer to choose one from (similar to select dropdown except all options are displayed at once<br></li><li><strong>Accordion</strong><br>FAQ style question and answer accordions. Add a new block for each question with answer<br></li></ul> |
| <p><strong>Custom Liquid</strong><br>Add app snippets or other Liquid code to create advanced customizations<br><br>Section options include:<br>Liquid or app code input area<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Custom text</strong><br>Add a text section with optional button and multiple columns. Includes two heading types and styles as well.<br><br>Section options include:<br>Kicker (smaller heading style)<br>Heading (larger heading style)<br>Text size (main text size)<br>Number of columns (up to three on desktop)<br>Text alignment (left or centered)<br><strong>Button</strong><br>Button text<br>Custom link<br>Button size, style and color<br><strong>Style</strong><br>Height and width of section<br>Text color<br>Background color of section<br> </p>                                                                                                                                                                                                                                                    | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Map</strong><br>Display a Google Map location map or custom image for store location<br><br>Section options included:<br><strong>Layout</strong><br>Map alignment<br>Mapy height<br>Overlay (show map above or below)<br><strong>Address and Directions</strong><br>Heading<br>Address and hours (rich-text area)<br>Map link label<br>Background color of section<br><strong>Map</strong><br>Google Maps API key<br>Map address and style<br>Zoom<br>Image (used when Google map isn't loading)<br><strong>Location Correction</strong><br>Use custom Latitude and Longitude<br></p>                                                                                                                                                                                                                                | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Newsletter</strong><br>Add a newsletter sign-up form<br><br>Section options included:<br>Heading (larger text)<br>Subheading (smaller main text content)<br>Background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Page</strong><br>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.<br><br>Section options included:<br>Select page<br>Display the page title (optional)<br>Background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | *No blocks all options under section settings*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong>Policy links</strong><br>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.<br><br>Section options included:<br>Heading for section<br>Height, width and background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | <ul><li><strong>Policy (card)</strong><br><br>Block options included:<br>Heading of card<br>Card content (rich-text area)<br>Card link<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| <p><strong>Tabs</strong><br>Display tabs for desktop and mobile. Add custom tab content. Each tab block represents a tab. Tab headings scroll on mobile and smaller screens.<br><br>Section options included:<br>Height, width, and background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | <ul><li><strong>Tab</strong><br><br>Block options included:<br>Tab heading<br>Tab content (rich-text area)</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| <p><strong>Team</strong><br>Display cards with circle styled image area and text below. Includes multiple text styles and social media icons/links. Ideal for profiling people.<br><br><img src="/files/nRMTWlmfBEeyo2hpeYp6" alt=""><br><br>Section options included:<br>Heading (larger text)<br>Description (smaller text)<br>Items per row (cards per row)<br>Height, width, and Background color of section</p>                                                                                                                                                                                                                                                                                                                                                                                                            | <ul><li><strong>Person (card)</strong><br><br>Block options included:<br>Image<br>Name (larger bold text)<br>Job title (smaller text)<br>Text (main text area)<br>Social links (when link is added, social icon appears):<br>Instagram<br>Tik Tok<br>Snapchat<br>Twitter<br>Facebook<br>Pinterest<br>LinkedIn<br>Tumblr<br>YouTube<br>Vimeo</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| <p><strong>Testimonials</strong><br>Display cards for product reviews or quotes<br><br><img src="/files/z3uE2ANb8ktJKaJP8aLV" alt=""><br><br>Section options included:<br>Heading (larger text)<br>Description (smaller text)<br>Testimonials per row (cards per row)<br>Background color of section<br></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | <ul><li><strong>Testimonial</strong><br><br>Block options included:<br>Image (suggested use: person or product)<br>Name<br>Context (description)<br>Stars (review stars, 0 to disable)<br>Testimonial (main rich-text area)<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| <p><strong>Text columns with images</strong><br>Display content in columns with optional image and text areas. Build single or multiple rows by adding column blocks.<br><br><img src="/files/NiktBt6SjZ4CiGvpeUIL" alt=""><br><br>Section options included:<br>Heading<br>Background color of section<br>Text alignment<br>Columns per row (on mobile rows will scroll when more than one per row is used)<br>Photo aspect ratio (wide to tall, applies to all images)<br><br></p>                                                                                                                                                                                                                                                                                                                                             | <ul><li><strong>Column</strong><br><br>Block options included:<br>Show image toggle (when checked, image is displayed. Uncheck to show only text)<br>Heading for card/column<br>Text (rich-text)<br>Button label (if blank, entire image is used as the link)<br>Button link (custom link)<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| <p><strong>Timeline tree</strong><br>Display a vertical timeline with connected images or dots<br><br><img src="/files/sqKeUMgg2tYbh8uo8g8H" alt=""><br><br>Section options included:<br>Height, Width, and Background color for section</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | <ul><li><strong>Timeline</strong><br><br>Block options included:<br>Heading for each timeline period<br>Image (if unused, a dot is used to indicate period in timeline)<br>Date (smaller text above heading)<br>Text (main rich-text content area)<br>Link text (only displayed when link is used)<br>Link URL (optional custom link)<br></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
