事例サイトに使用されているテーマについて

AI-generated summary

Shopify公式の事例ページに掲載されている各ストアで、使用テーマを確認する方法があるかが主題。結論として、外部から一律に特定する確実な方法はなく、確認できても推定にとどまるという整理になっている。

  • 提案された方法:

    • ページのソースコードを確認し、テーマ名らしき文字列を探して検索する。
    • Chrome拡張機能「Shopify Inspector」のような調査ツールも併用する。
  • 具体例:

    • Mollyjogger はソース内の記述から「District」の可能性。
    • DENY Designs は Shopify.theme = {"name":"Wholesale"} という記述から「Wholesale」の可能性。
  • 注意点:

    • ソース内の情報はテーマ本体ではなく、アプリ由来の痕跡である場合がある。
    • 独自開発テーマなら外部から判別できない可能性が高い。

最終的に質問者は、ソース確認と拡張機能の両方を試す方針を示しており、完全な解決というより実務的な調査方法が共有された段階。

shopifyの公式サイトにまとめられている事例サイトにて、各サイトに使用されているテーマを確認・調べる方法はあるでしょうか。

↓このページにある事例サイトです。

https://www.shopify.jp/examples

よろしくお願いいたします。

個人的に把握している範囲では全てに共通の調べ方はないと思いますが、基本的にはソースを見てそれっぽい語句を探し、その語句をGoogleなどで検索して見つける形になると思います。
※この点私の認識が間違っていたらすみません。

とりあえず以下2つを軽く調べてみました。

1つ目の Mollyjogger さんはTOPページのソースの1640行目に以下の文言があったので、 Districtというテーマかもしれません。

https://themes.shopify.com/themes/district/styles/district

2つ目の DENY Designs さんは148行目に以下があったので、Wholesaleというテーマかもしれません。

Shopify.theme = {“name”:“Wholesale”

https://themeforest.net/item/wholesale-mobile-uiux-optimized-shopify-theme-for-b2b-b2c/23660405

ただこういう情報は正しいとは限らず、またテーマではなく利用アプリの痕跡かもしれませんし、独自開発のテーマであれば情報は出てこないはずですし、結局のところ外部からの確定は難しいと思います。

jizoさん

回答ありがとうございます。

参考にさせていただきます。

chromeの拡張機能を使った方法もあるようなので、リンク張っておきます。

調べる時は両方試していこうと思います。

https://taka-forward.com/shopify-inspector/?fbclid=IwAR1V5iY4KjUkg-Jw0B-k4EdsgThn4IurYOLEp6wYwQ78PQxAAZF5WEd9pnw#ShopifyShopify_Inspector