如何查看任意一個 Shopify 網站使用的主題？

1352 閱讀 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，接著查看頁面源代碼，