45 Shopify Frontend Developer Interview Questions — The Interactive Quiz
Forty-five Shopify frontend questions, four choices each, scored live. Find out whether you would survive a real theme codebase — or just the docs.
Most Shopify interview question lists are trivia. "What language is Liquid?""Name the theme folders." You can pass that after a weekend and still be unable to ship a fast, maintainable theme.
So this one is different. Forty-five questions, four answer choices each, click to score. It is aimed at frontend / theme developers — Liquid, Online Store 2.0 sections and blocks, the Ajax and Section Rendering APIs, Core Web Vitals, and where Hydrogen takes over. Each question is labeled JuniorMidSenior so you can see where the bar is. Click an option, see whether you got it right, read the short explanation, move on. Your score updates live, with a breakdown by topic at the end.
Whether you are prepping for the chair or sitting on the other side of it, the goal is the same — find the gap between people who can ship in a Shopify theme and people who can recite the docs.
Answered 0 / 45·Score 0 / 0
A. Shopify & theme fundamentals
The foundation. Miss more than two and the candidate has not shipped a real Shopify theme.
Question 1Junior
What templating language are Shopify themes built with?
Question 2Junior
What is Dawn?
Question 3Junior
Which of these is NOT a real top-level directory in a Shopify theme?
Question 4Junior
Every storefront page renders inside which wrapper file?
Question 5Junior
How do you start a local theme dev server with live reload using the Shopify CLI?
B. Liquid templating
Where candidates either understand server-side rendering or fake it.
Question 6Junior
Which Liquid delimiters OUTPUT a value to the page?
Question 7Junior
Where does Liquid actually run?
Question 8Mid
What is the key difference between {% render %} and the older {% include %}?
Question 9Mid
What is the modern, correct way to output a 600px-wide product image URL?
Question 10Mid
How do you strip the surrounding whitespace a Liquid tag would otherwise leave in the HTML?
C. Online Store 2.0 architecture
Past this point the candidate either gets modern Shopify themes or they do not.
Question 11Mid
What did Online Store 2.0 (2021) introduce?
Question 12Mid
In an Online Store 2.0 theme, what format is a template like templates/product.json?
Question 13Mid
What is the relationship between a section and a block?
Question 14Senior
What is a section group (e.g. sections/header-group.json)?
Question 15Mid
What is an app block?
D. Theme settings & customization
The merchant-facing layer. Get this wrong and every store edit becomes a code deploy.
Question 16Junior
Where are a theme’s GLOBAL settings (the ones in the editor’s “Theme settings”) defined?
Question 17Mid
Where do you define the settings a merchant can edit for ONE specific section?
Question 18Mid
What does a "presets" entry in a section’s schema do?
Question 19Mid
What is the correct way to make theme UI text translatable?
E. Storefront JavaScript & interactivity
The part that separates "I style Liquid" from "I build interactive storefronts."
Question 20Mid
How do you add a product to the cart WITHOUT a full page reload from a theme?
Question 21Senior
What is the Section Rendering API used for?
Question 22Mid
What JavaScript approach does Dawn (and most modern Shopify themes) use?
Question 23Mid
What is the idiomatic way to scope JavaScript and CSS to a single section?
Question 24Senior
A merchant wants analytics/marketing tracking on the storefront. What is the current, sanctioned mechanism?
F. Metafields, metaobjects & data
How a theme renders structured, merchant-owned content without hard-coding.
Question 25Mid
How do you read a product metafield in Liquid?
Question 26Mid
What are metaobjects?
Question 27Mid
What is a "dynamic source" in the theme editor?
G. Performance & SEO
On Shopify, the frontend dev owns Core Web Vitals. Most candidates have never measured them.
Question 28Mid
What is the right way to serve responsive, appropriately-sized images?
Question 29Mid
How should below-the-fold images be loaded, and how should the LCP (hero) image be treated?
Question 30Senior
On a real store, what most often wrecks a theme’s Lighthouse score?
Question 31Mid
How should rich-result structured data (JSON-LD) get onto product pages?
Question 32Mid
Which tool lints theme code for correctness and best practices?
H. Headless, Hydrogen & the Storefront API
Where "frontend developer" stops meaning "theme developer." Senior signal lives here.
Question 33Mid
What is the Storefront API?
Question 34Mid
What is Hydrogen?
Question 35Mid
What is Oxygen?
Question 36Senior
Which of these is NOT a real trade-off when you go headless with Hydrogen instead of a Liquid theme?
Question 37Mid
In a headless build, how do you handle cart and checkout?
I. Checkout, apps & extensibility
The area that changed most recently. Stale candidates answer with checkout.liquid.
Question 38Senior
checkout.liquid is deprecated. How do you customize checkout now?
Question 39Mid
What is a theme app extension?
Question 40Mid
What is the difference between an app block and an app embed block?
Question 41Senior
A merchant needs genuinely custom server-side logic on the storefront (e.g. a complex bespoke price calculation). Can a Liquid theme do it alone?
J. Workflow, tooling & judgment
How they actually ship — and whether they have hit a real bug.
Question 42Mid
What is the supported way to version-control a theme and sync changes with Shopify?
Question 43Mid
What does `shopify theme pull` do?
Question 44Senior
Which is NOT a good reason to stay on a Liquid theme instead of going headless with Hydrogen?
Question 45Senior
You ask a candidate "what is the worst Shopify theme bug you ever fixed?" Which answer is the RED FLAG?
Live result
0 / 45
0% correct (so far — 0 of 45 answered)
Early days
Shopify themes are deeper than they look. Start with the fundamentals (A), then Liquid (B), then Online Store 2.0 architecture (C). The rest builds on those three.
By section
A. Shopify & theme fundamentals
0 / 5
B. Liquid templating
0 / 5
C. Online Store 2.0 architecture
0 / 5
D. Theme settings & customization
0 / 4
E. Storefront JavaScript & interactivity
0 / 5
F. Metafields, metaobjects & data
0 / 3
G. Performance & SEO
0 / 5
H. Headless, Hydrogen & the Storefront API
0 / 5
I. Checkout, apps & extensibility
0 / 4
J. Workflow, tooling & judgment
0 / 4
A note on where Shopify frontend is heading
The big shifts to probe in 2026: checkout extensibility (Checkout UI extensions and the editor have replaced checkout.liquid — a candidate still reaching for checkout.liquid is out of date), and the theme-versus-headless decision (can they reason about when Hydrogen and the Storefront API beat a Liquid theme, and what you give up — the theme editor and the app ecosystem — when you leave?).
But the fundamentals — Liquid and server-side rendering, Online Store 2.0 sections and blocks, the Ajax and Section Rendering APIs, and owning Core Web Vitals on an app-heavy store — have not changed. The 45 questions above are still the right list.
Hiring Shopify frontend talent because you want to move faster on the AI side of your store? WisWes installs into Shopify as an app — your team keeps building the theme, we handle the shopping assistant. See what WisWes does →
Turn questions into checkout.
WisWes drops into your store and guides shoppers from browsing to buying. 14-day free trial — no card.
