【拆解】想了解竞品Shopify网站用什么主题？查看网页源代码比检测插件靠谱

奇赞

2022.12.12

阅读 3433

有没有办法查Shopify独立站用的是什么主题模版？
有没有好用的Shopify主题检测插件？
竞品用的shopify建站，觉得不错，怎么看他使用了哪个主题？

这是最近在我们的独立站会员交流群多次看到的问题，其实网络上已经有很多教程以及推荐的插件，但似乎市面上提供的检测插件并没有给出一个让用户满意的答案，每天都有人在提问这个问题。

这让我起了好奇心，于是我花了一个下午的时间，测试了几十个站点，看看检测插件给出的是什么答案。

为此我去做了详细的攻略，找了网上推荐热度较高的检测插件以及检测网站工具，例如Commerce Inspector、Koala Inspector、Shopify Theme Inspector、shopify inspector、Shopify Theme Detector等。

通过测试之后，给出来的答案都差不多，但有些给出来的主题名称在网上找不到这个主题，这就让我有了更多疑问，然后通过查看网页源代码之后，我就明白了插件为什么会给出这样的主题名称。(具体原因请耐心继续往下看)

首先我们要知道的一点是Shopify站点使用的主题名称是可以修改的，大家可以用自己的Shopify站点试一下，在Shopify后台进行重命名，然后再用插件去检测自己的站点看一下检测出来的名称是否是我们修改过的名称。

通过修改名称的方法就可以骗过插件，让插件检测出一个假的主题名称，这一操作就误导了我们，所以有些检测出来的主题名称在网上是找不到。

下面从主题检测插件工具和查看网页源代码两个查看Shopify主题的方法进行分析，看看有什么不一样。

01 Shopify主题检测插件（谷歌浏览器插件）

下面使用Koala Inspector谷歌浏览器插件和几个不同情况的Shopify站点作为示范分析：

站点1：https://www.velowavebikes.com/

这个站点插件检测出来的主题名称是：Impulse，点击名称就可以直接跳转到这个主题安装页面。Koala Inspector插件就有这个优势，可以跳转，有些其他的插件是没有跳转链接。这个我们就能直接知道站点使用的是Shopify官方主题库中的主题，而且能直接找到主题页面。

站点2：https://www.rideswft.com/

这个站点检测出来的主题名称有点长，很显然是修改过，还好有跳转链接，能够直接找到这个主题页面，也是Shopify官方主题库中的主题。

站点3：https://www.aloyoga.com/

这个站点检测出来的主题名称也有点长，很显然也是修改过，但这个没有跳转链接，所以这里就不知道使用的是什么主题。但上面多了一个信息点，就是显示该站点使用的是自定义主题。

自定义主题就是此网站使用的是第三方主题或者定制开发（自定义在线商店），而不是Shopify主题模版库中的主题。例如：Themeforest主题市场的主题、定制开发主题。

所以这个站点通过检测插件能够得到的信息就是这个站点使用的是第三方主题或者是定制开发，具体是哪一个主题？无法查到。

站点4：https://www.ministryofsupply.com/

这个站点Koala Inspector插件提示这是一个无头的Shopify商店。

无头的Shopify商店就是这个站点使用了无头商务模式。无头商务是电子商务应用程序的前端和后端分离。这种架构为品牌提供了表达的自由，以构建他们想要的任何东西，最重要的是，它使品牌能够丰富客户体验。

这种模式在Shopify中只有使用Shopify Plus版本才能使用这个商务模式。如果你能确定你查看的Shopify站点是使用Shopify Plus版本，那么大概率这个站点是定制开发，或者是没有主题。

Builtwith网站可以分析出站点是否是Shopify Plus版本，通过奇赞工具（QizanTools.com）可以找到这个网站。

（奇赞工具QizanTools.com首页）

检测插件测试总结

以下是我使用插件测试了几十个网站中遇到的不同情况：

通过Koala Inspector插件，只有在站点使用Shopify官方主题库中的主题才能直接找到这个站点使用的是什么主题。
如果这个主题名称修改过，在有些插件没有跳转链接的话，那就很难找到这个主题，因为不知道主题原本的名称。
如果站点使用的是自定义主题，并且名称也修改过，这种情况就很难找到站点的主题。
使用Koala Inspector插件检测出是无头的Shopify商店的站点，在使用其他插件或者网站检测的工具，有些显示检测错误，有些显示不是Shopify建站，有些啥都没有检测出来。

总结：通过插件去检测Shopify站点的主题，给出的信息很容易误导用户。只有在站点使用的是Shopify官方主题库中的主题，并且主题名称没有修改的情况下才能准确地检测出站点使用的是什么主题。

02 查看网页源代码

其实检测插件也是通过网页源代码去识别站点的信息，所以通过查看网页源代码能看到更多信息点。检测插件识别Shopify主题的逻辑简单了一点，我们修改一下名称就给我们提供了一个假的主题名称。

以下是我目前遇到的一些不同站点的情况分析。

这里先说一下查看网页源代码的方法，首先在浏览器打开你需要查看的站点，然后在页面内任意位置右键点击，会出现一个选项框，点击检查选项

然后就会显示出网页源代码

在调出网页源代码后，按Ctrl + F 调出查找框，Mac电脑是Command + F

通过网页源代码查看，我们只需要查看两个字段的信息就可以，分别是shopify.theme和themename，这两个都是显示主题名称的字段。例如：

站点1：https://www.velowavebikes.com/

首先在查找框输入shopify.theme，然后回车显示以下信息：

我们关注两个信息点：”name”:”Impulse”，”theme_store_id”:857

“name”:”Impulse”，Impulse就是这个站点的主题名称；检测插件就是通过这个字段得到主题名称，如果在后台修改过名称，那这里显示的就是修改过的名称。

“theme_store_id”:857，857就是Shopify 官方主题商店中这一款主题的唯一数字标识符（每一款主题都不一样，857是Impulse主题唯一数字标识符）。

字段theme_store_id只有两种情况，要么显示”theme_store_id”:唯一数字标识符，要么显示”theme_store_id”:null。

这个站点有Shopify官方主题唯一数字标识符857，我们就可以确定这个站点使用的是Shopify官方主题库中的主题，然后使用主题名称Impulse到主题库搜索就可以搜索到。

如果是第三方主题，那么theme_store_id就会显示”theme_store_id”:null。检测插件也是通过这个字段判断此网站的主题是否是自定义主题，显示null就判断此站是自定义主题。

站点2：https://www.rideswft.com/

这个站点一样先通过shopify.theme查看代码，然后查看name值和theme_store_id值；

首先看”theme_store_id”:887，有唯一数字标识符887，那么这个站点我们可以确定是使用Shopify官方的主题，然后看”name”:”SWFT 4.1 11/16/22 after BFCM Holiday”，这个名称显然是修改过，用这个名称去Shopify主题商店搜索，是搜索不到。