Appearance

Media with Results Section ​

What This Section Does ​

The Media with Results Section creates a two-column layout that combines visual media with data-driven content like progress circles, statistics, and results. This section is perfect for showcasing measurable outcomes, performance metrics, or achievements alongside supporting visuals.

Perfect for: Performance dashboards, success metrics, before/after results, case studies, company achievements, product effectiveness

How to Add It ​

Step 1: Add the Section

  1. In your Shopify admin, go to Online Store → Themes
  2. Click Customize next to your live theme
  3. Click Add section in the main content area
  4. Choose Media with Results from the list

Step 2: Configure Your Content

  1. The section comes with sample progress circles and media
  2. Add your images or videos to the media container
  3. Customize the results content using theme blocks
  4. Update the section heading and layout settings

Key Settings to Configure ​

Section Header ​

Heading: Main title for your results section

  • When to use: Clear titles like "Our Results" or "Proven Performance"

Subheading: Additional context about the results

  • Best practice: Explain what the data represents or the time period

Text Alignment: Control header positioning

  • Center: Professional, balanced look for data presentations
  • Left: Traditional layout
  • Right: Unique design choice

Layout Configuration ​

Layout Ratio: Control the balance between content and media

  • 50/50: Equal emphasis on both sides
  • 66/33: Emphasize content (data) over media
  • 33/66: Emphasize media over content data

Reverse Layout: Swap the position of content and media

  • When to use: When media should appear first for context

Block Integration ​

This section uses theme blocks for flexible content:

Circle Progress Blocks: Display percentage-based results with visual circles Heading Blocks: Add section titles and organization Text Blocks: Include detailed explanations of results Statistics Blocks: Show numerical data and metrics

The media container supports images, videos, or multiple media items in various layouts.

Pro Tips for Success ​

Results Presentation

Common Mistakes