Mission stats
Mission stats turns your brand’s numbers — pets helped, meals donated, years of service — into a colorful strip. Add a photo or video beside them if you like.
What it does
Section titled “What it does”Use it to make your brand’s impact visible and memorable. Each stat is a big value with a small label — “150K+ / Pets nourished”, “5 years / Of tail wags”.
Enter numbers you can stand behind. These are your own claims about your business — use real figures, not placeholders borrowed from the demo.
Add it to a page
Section titled “Add it to a page”- In Shopify admin, go to Online Store → Themes and click Edit theme. (Older admin versions label this button Customize.)
- Open the template where you want the section.
- Click Add section and choose Mission stats.
- The section is added with four example Stat blocks already in place — replace or delete those instead of adding new ones first (see Set it up: quick start).
- Fill in your real Value and Label in each block, then save.
Choose a style
Section titled “Choose a style”The Layout setting switches between three looks:
| Style | Look | Notes |
|---|---|---|
| With image (default) | Photo or video on one side, heading and stats on the other | The photo scales and can overflow its frame like a cutout sticker |
| Banner | A full-width colored band with heading, text, and stats — no media | |
| Slim bar | A thin one-line strip of stats only | The intro text is hidden in this layout |
Every layout sits on a Section background tint — one of four soft pastel colors.
Set it up: quick start
Section titled “Set it up: quick start”- Add the section and keep the With image layout.
- Upload an Image — a transparent PNG cutout works best with the scale control.
- The section starts with four example stats: “150K+ / Pets nourished”, “5786 / Pets rescued”, “372 / Pets adopted”, and “2587 / Happy reviews”. Open each Stat block and replace the value, label, and icon with a number you can stand behind — hand-checkable real figures, not the demo claims.
- Delete the stats you don’t need (select the block and use Remove block), or add more with Add block → Stat.
- Save and preview on the phone: the stats wrap into fewer columns on small screens.
Settings
Section titled “Settings”Section settings
Section titled “Section settings”| Setting | Default | Options | What it does |
|---|---|---|---|
| Layout | With image | With image / Banner / Slim bar | Switches the overall look |
| Section background tint | Lilac | Cream / Lilac / Mint / Apricot | The soft background color of the strip |
| Image | Empty | Image picker | Photo for the With image layout. Shown when no video is set; used as the video cover when a video is set |
| Video (uploaded to Shopify) | Empty | Video picker | Shopify-hosted video; takes priority over the image and the URL below |
| Or video URL | Empty | URL | YouTube or Vimeo link — used when no Shopify-hosted video is set |
| Image scale (%) | 85 | 50–130, step 5 | Grows or shrinks the image from its bottom center; above 100 it overflows the strip like a sticker. Transparent PNG cutouts work best |
| Heading | “We care about pets” | Text | Section title; leave empty for no title |
| Text | (demo paragraph) | Text | Short mission statement under the heading. Hidden in the Slim bar layout |
| First button label | “Learn more” | Text | Shows a button; leave empty for no button |
| Link | Empty | URL | Where the button leads |
Blocks
Section titled “Blocks”| Block | Limit | What it adds |
|---|---|---|
| Stat | Add one per number | One big value + label pair |
Stat settings
| Setting | Default | Options | What it does |
|---|---|---|---|
| Icon | Heart | None / Heart / Paw / Shield / Star / Leaf / Truck / Gift | Small icon above the value; choose None for numbers only |
| Value | “150K+” | Text | The big number — short is better (“12K+”, “5 yrs”) |
| Label | “Pets nourished” | Text | What the number counts |
Images and content tips
Section titled “Images and content tips”- Image: a transparent PNG cutout of a pet, product, or logo looks best — the image scales and overflows the colored band at high values. A plain photo also works; it sits inside the media frame.
- Video: either upload to Shopify (best quality and autoplay handling) or paste a YouTube/Vimeo link. The uploaded video wins when both are set; the Image doubles as the video’s cover.
- Values: keep them under ~6 characters so the stats stay on one row; move detail into the label (“12K+ / Meals donated in 2025”).
Good to know
Section titled “Good to know”- Stat blocks stack. On phones the stats sit in two columns; from tablet width up to four per row in the Slim bar layout.
- The demo numbers are placeholders. The four starting stats (“150K+ / Pets nourished” and company) are examples — replace every one of them before publishing. The section counts nothing automatically; each figure is text you type.
- One media channel wins. If both a Shopify-hosted video and a video URL are set, the uploaded video plays; with neither, the section shows the Image.
Example setups
Section titled “Example setups”Impact strip. Banner layout, Lilac tint, three stats (“150K+ / Pets nourished”, “5 yrs / Of tail wags”, “98% / Happy pet parents”), heading “We care about pets”.
Founder moment. With image layout, a transparent PNG of your shop mascot at 110% scale, Cream tint, two stats and a “Our story” button.
Common questions
Section titled “Common questions”My image sticks out of the colored band or looks cropped. Adjust Image scale (%) — values above 100 let a transparent cutout overflow the band on purpose; a solid photo stays inside its frame.
My video doesn’t play by itself. The section autoplays Shopify-hosted video only where the browser allows it (muted). YouTube/Vimeo links open in their player when shoppers tap play.
The text disappeared in the Slim bar. The Slim bar layout hides the intro text by design — switch to Banner or With image if you want the paragraph back.