Case Studies — Build Summary & How to Add More

Date: 2026-05-17

Commit: 81d7391

Summary

Built a 2-tier case studies system on the Shopify storefront:

/pages/case-studies — index page with a filterable card grid (scroll-reveal stagger animation, gradient cover fallback when no photo, top + bottom CTAs).
/pages/<slug> — a generic detail template that auto-loads the right content from a single JSON file. One template powers every case study.

The first case study is shipped: SumanTV Kannada Chikkaballapur — Karnataka Sumana Sadhaka 2026 (the trophy in the brief).

Researched the brand/event from the image and the web:

SumanTV Kannada — Kannada-language arm of the SumanTV digital news network (parent PlayEven Info Pvt Ltd, Hyderabad). The Chikkaballapur unit produces local Karnataka news and human-interest features.
Karnataka Sumana Sadhaka Award (ಕನ್ನಡ: ಸುಮನ ಸಾಧಕ / 'noble achiever') is the channel's flagship recognition program. The 2026 edition's recipients include India Women's Blind Cricket captains — Deepika TC, Kavya V and Kavya NR. (source)
The trophy itself — sculpted gold-tone 'S' wrapping a blue enamelled globe with gold continents, channel disc emblem at the crown, mounted on a polished wood plinth with engraved gold nameplate.

Path	Purpose
`assets/case-studies-data.json`	Source of truth — all case study data lives here. Editable from Shopify Admin → Online Store → Themes → Edit code.
`sections/case-studies-index.liquid`	Card grid + filters + animations + CTAs for the index page.
`sections/case-study.liquid`	Detail page renderer (hero, quickfacts, stats, brief/build/outcome, sidecard, related collections, JSON-LD Article).
`templates/page.case-studies.json`	Page template for the index.
`templates/page.case-study.json`	Page template for every individual case study.

Footer and Brands page now link to /pages/case-studies.

Do this once to wire up the index page and the first case study.