Poradnik wykrywania · 2026
Jak wykryć motyw Shopify na dowolnej stronie internetowej
Shopify napędza 10% całego e-commerce. Każdy sklep Shopify pozostawia przewidywalne sygnatury w swoim kodzie HTML: oto jak nasz detektor znajduje aktywny motyw.
Najszybszy sposób: skorzystaj z naszego darmowego detektora
Wklej dowolny adres URL i poznaj motyw, wtyczki oraz stos technologiczny Shopify w 2 sekundy.
Otwórz detektor Shopify →Czego szuka nasz detektor
Adresy URL zasobów cdn.shopify.com
Każdy sklep Shopify ładuje CSS, JS i obrazy z cdn.shopify.com. Ścieżka URL zawiera ID motywu oraz nazwę sklepu.
Gdzie: Znaczniki <link> i <script> w HTML
Obiekt JavaScript Shopify.theme
Shopify udostępnia window.Shopify.theme = { id, name, role } w JavaScripcie sklepu. To najbardziej bezpośrednia identyfikacja motywu.
Gdzie: <script> w treści wewnątrz <body>
Wskazówki z theme.liquid
Motywy Shopify używają szablonów Liquid. Komentarze i nazwy klas z theme.liquid ujawniają identyfikator motywu (np. 'dawn', 'debut', 'brooklyn').
Gdzie: Nazwy klas i komentarze w HTML
Nagłówki X-ShopId i X-Shopify-Stage
Edge Shopify dodaje te nagłówki odpowiedzi przy każdym żądaniu. X-ShopId jednoznacznie identyfikuje sklep.
Gdzie: Nagłówki odpowiedzi HTTP
Tag kanoniczny lub linki myshopify.com
Nawet sklepy z domeną niestandardową zawierają adresy URL myshopify.com w linkach administracyjnych, endpointach płatności lub zasobach zapasowych.
Gdzie: <link rel='canonical'> lub adresy URL zasobów w HTML
Lista kontrolna ręcznej inspekcji
Jeśli detektor zwróci niejednoznaczne wyniki, przejdź przez te ręczne kontrole w narzędziach deweloperskich Twojej przeglądarki (kliknij prawym przyciskiem → Zbadaj):
- 1
Wyświetl kod źródłowy. Poszukaj 'cdn.shopify.com': obecne w każdym sklepie Shopify.
- 2
W konsoli DevTools wpisz window.Shopify.theme. Jeśli to Shopify, zwróci obiekt motywu bezpośrednio.
- 3
Odwiedź /admin lub /cart: oba zwracają odpowiedzi specyficzne dla Shopify.
- 4
Sprawdź adres URL płatności: sklepy Shopify używają ścieżek /checkouts/ nawet na domenach niestandardowych.
- 5
Poszukaj identyfikatora motywu w nazwach klas (np. 'template-product', 'shopify-section').
Dlaczego warto identyfikować stos technologiczny strony?
Trzy uzasadnione powody: analiza konkurencji (jakich narzędzi używa lider Twojej branży?), kwalifikacja leadów (czy strona tego potencjalnego klienta spełnia wymagania dla Twojej usługi?) oraz planowanie migracji (musisz znać obecny stos technologiczny, zanim wycenisz przeprojektowanie).
Wszystkie powyższe to działania na publicznie dostępnych danych: każdy sygnał, który sprawdzamy, jest widoczny w kodzie HTML lub odpowiedzi HTTP strony – te same dane, które każdy może zobaczyć za pomocą funkcji «Pokaż źródło strony». My po prostu analizujemy je szybciej i przedstawiamy w przejrzysty sposób.
Czego wykrywanie nie jest w stanie Ci powiedzieć
Wykrywanie identyfikuje, co jest uruchomione. Nie powie Ci, dlaczego strona wybrała dany stos technologiczny, ile na niego wydaje, kto jest jej deweloperem ani jaka jest jej mapa drogowa. W tym celu porozmawiaj z człowiekiem.
Nie potrafi też przejrzeć agresywnego buforowania, konfiguracji headless ani motywów tworzonych od podstaw bez domyślnych znaczników frameworka. Oznaczamy wykrycia o niskiej pewności, abyś wiedział, kiedy zgłębić temat.