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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://story.groupthought.com/story-v2/sections/complete-list-of-sections-and-blocks-in-story.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
