Detectiehandleiding · 2026
Hoe u het Shopify-thema op elke website detecteert
Shopify vormt de basis van 10% van alle e-commerce. Elke Shopify-winkel laat voorspelbare signaturen achter in de HTML: zo vindt onze detector het actieve thema.
De snelste manier: gebruik onze gratis detector
Plak een willekeurige URL en ontvang het thema, de plugins en de stack van Shopify in 2 seconden.
Shopify-detector openen →Waar onze detector naar zoekt
Resource-URL's cdn.shopify.com
Elke Shopify-winkel laadt CSS, JS en afbeeldingen vanaf cdn.shopify.com. Het URL-pad bevat de ID van het thema en de naam van de winkel.
Waar: <link>- en <script>-tags in de HTML
JavaScript-object Shopify.theme
Shopify stelt window.Shopify.theme = { id, name, role } beschikbaar in het JavaScript van de winkel. Dit is de meest directe manier om het thema te identificeren.
Waar: Inline <script> binnen <body>
Aanwijzingen uit theme.liquid
Shopify-thema's gebruiken Liquid-templates. De opmerkingen en klassenamen van theme.liquid verraden de identificatie van het thema (bijv. 'dawn', 'debut', 'brooklyn').
Waar: Klassenamen en opmerkingen in de HTML
Headers X-ShopId en X-Shopify-Stage
De edge van Shopify voegt deze responsheaders toe bij elk verzoek. X-ShopId identificeert de winkel op unieke wijze.
Waar: HTTP-responsheaders
Canonieke of myshopify.com-links
Zelfs winkels met een aangepast domein bevatten myshopify.com-URL's in de admin-links, de betaalendpoints of de back-upresources.
Waar: <link rel='canonical'> of resource-URL's in de HTML
Checklist voor handmatige inspectie
Als de detector geen eenduidig resultaat oplevert, loop dan deze handmatige controles door in de ontwikkelaarstools van uw browser (rechtsklik → Inspecteren):
- 1
Bekijk de paginabron. Zoek naar 'cdn.shopify.com': aanwezig in elke Shopify-winkel.
- 2
Typ in de DevTools-console window.Shopify.theme. Als het Shopify is, geeft dit het themaobject direct terug.
- 3
Bezoek /admin of /cart: beide geven Shopify-specifieke responsen terug.
- 4
Controleer de betaal-URL: Shopify-winkels gebruiken /checkouts/-paden, zelfs op aangepaste domeinen.
- 5
Zoek naar de identificatie van het thema in de klassenamen (bijv. 'template-product', 'shopify-section').
Waarom de stack van een website achterhalen?
Drie legitieme redenen: concurrentieonderzoek (welke tools gebruikt de marktleider in uw sector?), leadkwalificatie (voldoet de website van deze prospect aan de vereisten voor uw dienst?) en migratieplanning (u moet de huidige stack kennen voordat u een herontwerp begroot).
Dit zijn allemaal openbaar raadpleegbare activiteiten: elk signaal dat wij controleren is zichtbaar in de HTML of de HTTP-respons van de pagina, dezelfde gegevens die iedereen kan zien met "Paginabron weergeven". Wij analyseren ze alleen sneller en presenteren ze overzichtelijk.
Wat detectie u niet kan vertellen
Detectie identificeert wat er draait. Het kan u niet vertellen waarom een website voor die stack heeft gekozen, hoeveel ze eraan besteden, wie hun ontwikkelaar is of hoe hun roadmap eruitziet. Daarvoor spreekt u met een mens.
Het kan ook niet door agressieve caching, headless-configuraties of vanaf nul opgebouwde thema's zonder de standaardmarkeringen van het framework heen kijken. Wij markeren detecties met lage betrouwbaarheid, zodat u weet wanneer u dieper moet graven.