# How to Add Countdown Hero 2 to the Studio Theme

> Source: https://section-shop.com/theme-guides/studio/add-countdown-hero-2/ — Section Shop, 164 free native Shopify sections. Install: https://apps.shopify.com/section-shop

A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. This guide shows how to add the Countdown Hero 2 section to the Studio theme with Section Shop — as a native Online Store 2.0 section, customized in the theme editor, without touching Studio's code. Studio is a free theme by Shopify, known for gallery grids and art-forward presentation — and countdown timers like this one are exactly the kind of section it doesn't ship out of the box.

## Why Countdown Hero 2 fits Studio

Deadline-driven sections for launches, drops and sales — hero countdowns, boxed timers and product-launch layouts. On Studio, Countdown Hero 2 slots in like any built-in section: it inherits the theme's fonts by default, picks up your color choices in the editor, and lives alongside Studio's own sections in the picker — prefixed "SShop:" so it's easy to spot.

## Steps

1. **Install Section Shop (free)** — Add the app from the Shopify App Store. It's free, carries the Built for Shopify badge, and changes nothing in your Studio setup until you add a section.
2. **Find “Countdown Hero 2” in the library** — Open the app and browse to it — it's in the Countdown Timers category — or use search.
3. **Click “Add to theme”** — Section Shop writes the section into your Studio theme through Shopify's official theme API, the same mechanism Studio uses for its own sections.
4. **Open the Studio theme editor** — In Online Store → Themes → Customize, click “Add section”: you'll find it as “SShop:Countdown Hero 2” in the picker.
5. **Customize and save** — Adjust text, images, colors and layout. Typography follows your Studio font settings by default — or switch the section to any Shopify font. Hit Save and it's live.

## FAQ

### Does Countdown Hero 2 work with the Studio theme?

Yes. Studio is an Online Store 2.0 theme, and Countdown Hero 2 installs as a native OS 2.0 section through Shopify's official theme API. It appears in Studio's theme editor as “SShop:Countdown Hero 2”, alongside the theme's own sections.

### Will Countdown Hero 2 match Studio's design?

By default the section inherits your theme's fonts, so it picks up Studio's typography automatically. Colors, spacing, images and content are all editable in the theme editor — no CSS required.

### Is Countdown Hero 2 free, and what if I uninstall Section Shop?

Countdown Hero 2 is free, like every section in the 164-section library. Once added it's a standard theme file: if you uninstall the app, the section stays in your Studio theme and keeps working.