Before you begin
- Start with the page source and search for
Shopify.theme. - When present,
schema_namereports the original theme name. - A preset such as Couture belongs to a theme family, in this case Prestige.
- If the name is missing or unclear, leave the theme unconfirmed.
Why identify a store's Shopify theme?
Before opening the source, decide what you need the theme name for. It can help you check whether a store fits your services or turn a storefront you admire into a more specific research task.
Find prospects that fit your expertise
Use it to qualify a prospect before proposing work.
If your agency customizes Prestige for beauty brands, check a prospect's theme before proposing work. Pair the result with the store's products, positioning, and available contact details to decide whether that business deserves a closer look.
A confirmed theme gives you part of the technical picture. You'll still need to find out whether the merchant wants help.
Write a clearer redesign brief
Use it to prepare a clearer scope for your redesign.
Say you like how a competitor presents its products. Identify the theme, then compare the live store with its official demo. Note the features you want to investigate, including anything that looks different.
You can take those observations to a designer or developer and ask which parts need configuration, an app, or custom work. The theme name gives that conversation a starting point; it won't reveal the competitor's development budget or conversion rate.
Choose which storefront setups to test
Use it to choose which theme setups to test first.
Suppose you're building a size-guide app for clothing stores. Check the themes across a defined shortlist of merchants you want to serve, and keep the result and source with each store's profile.
Patterns within that sample can help you choose which setups to test first. You'll still need to verify compatibility on those themes. Keep the conclusion limited to the stores you checked, since a shortlist doesn't establish market share.
Check the page source first
To identify a Shopify theme, open the store's page source and search for Shopify.theme. Look for schema_name, which Shopify documents as the original theme name, and schema_version for its declared version. Those fields give you a name to check against the official Shopify Theme Store.
I'd do this before comparing a store with theme-demo screenshots. A different font or a new set of product photos can make the same theme look quite different.
Open the page source
Use View page source in Chrome or Firefox on a desktop. In Safari on Mac, use Develop > Show Page Source; enable the Develop menu first if it's hidden.
Find the theme information
Open Find, then search for
Shopify.theme. In Safari, click the source pane in Web Inspector before opening Find.Command+FMacCtrl+FWindows / LinuxCheck the name and version
Look for
schema_nameandschema_version. If those fields don't turn up, try searching forschema_namedirectly.
Read the name and version fields
Shopify.theme can contain a store's own label for a theme as well as the original theme information. A label such as "October refresh" tells you how someone named that copy. Use schema_name to look for the underlying theme, and keep schema_version with it when available.
If an expression returns undefined, record that field as unavailable. A missing theme name leaves the identity unconfirmed. A missing version can stay blank even when the name is available. Neither tells you whether the store uses a custom theme.
Open your browser's developer-tools Console on the original storefront, then enter each line below. If Chrome or Firefox opened a separate source tab, switch back to the storefront first. These expressions read the metadata exposed by that page and don't require access to the merchant's Shopify account.
- Chrome:
Option+Command+Jon Mac;Ctrl+Shift+Jon Windows or Linux. - Safari on Mac: choose Develop > Show JavaScript Console, or press
Option+Command+C. - Firefox:
Command+Option+Kon Mac;Ctrl+Shift+Kon Windows or Linux.
window.Shopify?.theme?.schema_name
window.Shopify?.theme?.schema_versionOlder BOOMR fields
Shopify replaced older BOOMR.themeName and BOOMR.themeVersion fields with these Shopify.theme fields. If an older tutorial tells you to search for BOOMR, use the current field names instead.
Check the theme family and preset
| Theme family | Preset examples mentioned here |
|---|---|
| Impact | Impact, Cocoon, Balance |
| Prestige | Couture |
If you come across Couture while researching a store, check Prestige's listing before treating Couture as a separate theme.
A preset gives a merchant a starting set of design settings. Shopify lets merchants change settings such as colors and typography, so a live store can look different from the preset's demo. Use the demo to compare details after you have a theme name to investigate.
Both Impact and Prestige list quick buy and sticky cart features. Seeing either feature on a store won't distinguish the two. Maestrooo also documents shared components across Impact and Prestige version 7 and later, so a familiar component name can still leave the theme uncertain.
Record the theme family and the preset separately. You may have enough evidence for "Prestige" while the preset remains unknown. There's no need to fill in both fields just to make a research note look complete.
Use a theme detector as a starting point
If you use a Shopify theme detector, keep the name it reports and the date you checked it. Look for the same name in the storefront's public metadata or a statement from the store or its developer. If the results disagree, save both and leave the identity unresolved until you can check further.
Theme developers can set name and version metadata, and merchants can customize their theme code. The name alone won't tell you which files changed or whether every feature on the theme's sales page is active on this particular store.
For design research, you can still describe what you can see: how the product page handles variants, where the size guide opens, or how the cart behaves. Keep those observations even when you can't confirm the theme. They may answer the question you came to the store with.
If it's your store, check Shopify admin
Go to Online Store, then Themes in Shopify admin. Check the published theme's information and version. You can find the developer and version in the theme editor, too. Use the published theme when you're checking the live storefront; an installed draft can be different.
If someone has renamed or heavily customized the theme and you need to know its history, ask the person who built or last updated it. The public name won't give you a record of that work.
Save enough detail to check it later
When you're comparing stores, keep the source with the result. That saves you from returning to a shortlist a month later and wondering where a theme name came from.
- The page URL and the date you checked it.
- The exact theme name and version returned, including any missing fields.
- Where you found the name: page source, a detector, Shopify admin, or a statement from the developer.
- The preset, if you can confirm it separately.
- Any conflicting result or visible customization that needs another look.
