Storytelling
The Storytelling chapter includes sections designed to help merchants communicate their brand’s identity, mission, and narrative through engaging content layouts.
These sections combine text, images, videos, and interactive elements that bring brand stories to life and create a more emotional connection with customers. Each section is flexible and can be used on any page to enhance the visual experience or add informative and creative content.
Below are the sections included under the Storytelling category:
Accordion
A collapsible text layout that organizes large amounts of information into expandable panels. Ideal for FAQs, product details, or policy sections, this section helps maintain a clean, readable layout while keeping content accessible.
Announcement Bar
Displays a slim, horizontal bar containing important messages such as promotions, shipping updates, or store announcements. Can be configured for color, typography, and positioning, and may include links or call-to-action buttons.
Blog Posts
Shows selected or recent blog posts from your store’s blog. Each entry can display the post image, title, publication date, and excerpt. Ideal for keeping customers informed with news, guides, or editorial content.
Counter Number Showcase
A section used to display key statistics or milestones in a visual counter format — for example, “10K Happy Customers” or “5 Years in Business.” Animated number effects help emphasize store achievements or brand impact.
Custom Liquid
A flexible section that allows you to add custom Liquid code directly into your theme. This is ideal for advanced users or developers who want to insert dynamic elements, custom apps, or additional Shopify data without editing theme files.
Gallery
Displays a grid or carousel of images to visually represent your brand, products, or lifestyle content. Each image can include captions, lightbox previews, or links to product or collection pages.
List with Hover Image
A list-based layout where hovering over an item reveals an image. This section adds an interactive element to category or information lists, helping to combine visuals with structured text.
Logo
Used to display a set of brand or partner logos. Commonly placed on pages featuring brand collaborations, media mentions, or product affiliations. Layout options typically include grid spacing, size adjustment, and hover styling.
Map
Embeds a map (usually via Google Maps) that displays your store’s physical location. This section can include address details, contact information, and custom markers to improve in-store visibility.
Media with Text: Collage
Combines multiple media types — images or videos — arranged in a collage layout with accompanying text blocks. Perfect for creating visually diverse storytelling sections that alternate between text and imagery.
Media with Text: Type 1
A classic side-by-side layout featuring an image or video next to a text block. Commonly used to tell short brand stories or describe product highlights. Alignment and image positioning can be customized.
Media with Text: Type 2
An alternate version of Type 1 with adjusted image proportions, text placement, or overlay effects. This variation provides flexibility for creating visual rhythm across multiple content sections.
Media with Text: Vertical
Stacks media and text vertically for a mobile-friendly and modern layout. Ideal for longer stories or editorial-style content, maintaining a smooth scrolling experience on all devices.
Reviews
Displays customer reviews in a compact format, showcasing testimonial snippets, star ratings, and customer names. Useful for social proof and building trust through authentic feedback.
Reviews Large
A larger, more visual version of the Reviews section that highlights selected testimonials in a prominent layout. Can include customer photos or product references for a more personalized presentation.
Scrolling Text and Images
A dynamic section that animates text and image elements as they scroll horizontally across the screen. Often used for brand slogans, image tickers, or showcasing featured visuals in motion.
Tags
Displays a set of clickable tags or keywords related to products, blog posts, or collections. This section improves navigation and helps customers discover related content.
Text
A simple text block section designed for adding headings, paragraphs, or formatted content. It’s ideal for descriptive copy, introductions, or standalone content areas.
Text with Icons Type 1
Displays text items alongside icons, helping illustrate key features, benefits, or service highlights. Suitable for “Why Choose Us” or “Store Benefits” sections.
Text with Icons Type 2
A design variation of Type 1 with a different icon arrangement or layout style — for example, vertical stacking or enhanced typography. Adds flexibility for alternate page designs.
Last updated