Shopifyストアのテーマを調べる方法

Shopifyで運営されているストアのテーマが何かをGoogle Chromeなどのブラウザで調べる方法をご紹介します。
ただし、テーマ設定ページでテーマ名を独自の名前に設定している場合は、どのテーマか調べることは難しいです。この点については記事の後半でご説明します。

Shopifyのテーマをデベロッパーツールで調べる方法

Google Chromeなどのデベロッパーツールを利用することで、Shopifyのどのテーマが使われているかを簡易的に調べることができます。

デベロッパーツールを起動

ブラウザのデベロッパーツールを起動します。今回はGoogle Chromeでの例をご説明します。

Windowsの方は、「Ctrl + Shift + i
Macの方は、「command + option + i
でデベロッパーツールを開きます。

また、表示するタブは「Elements」にします。

1

コードで「Shopify.theme =」で検索

以下の文字列で検索を行います。

Shopify.theme =

そうすると、以下のようなコードを確認することができます。

Shopify.theme = {"name":"Dawn","id":127498813645,"theme_store_id":887,"role":"main"};
2

nameの値がそのストアのテーマの名前になります。
「XXXXX」の部分をコピーします。

Shopify.theme = {"name":"XXXXX"...........

注意点

「”name”:”XXXXX”はテーマの名前」であるため、テーマの名前が独自のものに変更されている場合は、コード上からはどのテーマか分かりません。

テーマの名前は、「テーマ」→「アクション」→「名前を変更」から変更することができます。

3

Shopifyのテーマストアで検索

Shopifyのテーマストアを開き、検索を行います。
検索結果からどのようなテーマなのかを確認します。

shopify-theme-store

この記事ではShopifyストアのテーマを確認する方法をご紹介しました。
ストアによってはテーマのデザインを拡張・カスタマイズしていることもあり、同じテーマを利用したとしても思った通りのストアデザインを作れないこともあります。

テーマのカスタマイズでお困りの際はShopifyパートナーなどにご相談下さい。

Shopifyの構築・運用でお悩みの際はPafit株式会社にご相談下さい。
Pafit株式会社ではデータ収集をサポートするShopifyアプリや、SNSアイコンを設置するためのShopifyアプリなども提供しています。

お問い合わせ

初心者
シェアする
村馬賢介

Pafit株式会社の代表取締役。
GoogleアナリティクスやBigQueryを利用したデータ分析の経験をもとにShopifyアプリPafit Tag Managementを開発中です。

村馬賢介をフォローする
Pafit株式会社(パフィット)
タイトルとURLをコピーしました