如何查看任意一个 Shopify 网站使用的主题？

483 阅读 0 评论 1 点赞

Shopify 主题（Theme）是应用于网站的一套设计模板，在定义在线商店的外观以及用户体验方面起着至关重要的作用。不同的 Shopify 主题各有特色（站点菜单，网站色调，交互式元素布局等），所针对的产品方向及应用场景也各不相同。Shopify 主题有免费的也有付费的，可以从 Shopify 官方主题商店或第三方市场（如 Themeforest ）下载，一个 Shopify 在线商店最多可以有 20 个主题。有时候我们看到一个 Shopify 的在线商店，觉得整个网站设计大气美观，功能完善，整体浏览下来的用户体验非常不错，于是就会想知道应用的是哪款主题。

那么如何能够查看任意一个 Shopify 在线商店正在使用的主题呢？下面来分享三种常用方法。

【1】浏览器插件

以 Chrome 浏览器为例，比较常用的可以检测 Shopify 网站应用主题的插件有 Commerce Inspector，Koala Inspector，Shopify Theme Inspector。

Commerce Inspector

Koala Inspector

Shopify Theme Inspector

【2】源代码查看 Shopify.theme 或者 themeName

以 Chrome 浏览器为例，访问想要查看的 Shopify 网站，接着快捷键 Ctrl + U 或者鼠标右键弹出菜单选择 “查看页面源代码”，然后按 Ctrl + F 在源代码页面搜索 “Shopify.theme”，

主题属性：

name：主题名称；

id：主题的唯一数字标识符；

theme_store_id：Shopify 官方主题商店中每一款主题的唯一数字标识符；

role：指定如何在网站中使用主题。状态值主要有以下几个，

main：主题已发布。当访客访问网站时可以看到。
unpublished：主题未发布。访客无法看到。
demo：主题作为 demo 演示版本安装在网站中。只有购买完整版，主题才能发布。
development：主题用于开发。该主题不能发布，并且是暂时的。

或者直接搜索 “themeName”，

这样也可判断出网站用的主题。

这里有一点要注意的是，上面主题属性中的第一个 id ，即主题的唯一数字标识符，这里的唯一是相较于店铺而言的，就是说一个主题会被很多个店铺安装应用，那么这个主题在每一个店铺中都会有一个唯一的标识符。另外，一个店铺中同一个主题可能会被复制出不同的版本，那么当前店铺中这个主题的每一个版本也会有对应的唯一标识符。

要查看自己店铺中当前应用主题的 id，可以到店铺后台，选择：Online Store - Themes - Actions - Edit code

进入代码编辑器后，主题的唯一标识符 id 将显示在浏览器的 URL 中：

这跟在源代码页面查找的 themeId 是一致的，

【3】 theme_store_id

有时候某些 Shopify 网站会通过在后台编辑主题名称或直接修改代码的方式把主题名称给屏蔽掉，这种情况下，可以源代码搜索，在 shopify.theme 的信息集中查找 ID 特征，通过主题唯一的 theme_store_id 来判断对应的主题，但这种方法只适用于查找 Shopify 官方主题商店中的主题。

这里的 theme_store_id 跟上面主题属性中的 themeId 是不一样的。theme_store_id 是 Shopify 官方主题商店中每一款主题的唯一数字标识符，如果值显示为 null，则意味着这个主题是其他第三方主题，不是 Shopfiy 官方主题商店中有的主题，或者这个主题不是直接从 Shopfiy 官方主题商店安装的正版主题，而是复制的主题副本或者是盗版主题。

先复制上面找到的那个数字 id，然后来到 Shopify 的官方主题商店，点击 all themes，接着查看页面源代码，