如何查看任意一個(gè) Shopify 網(wǎng)站使用的主題？

Shopify 主題（Theme）是應(yīng)用于網(wǎng)站的一套設(shè)計(jì)模板，在定義在線商店的外觀以及用戶體驗(yàn)方面起著至關(guān)重要的作用。不同的 Shopify 主題各有特色（站點(diǎn)菜單，網(wǎng)站色調(diào)，交互式元素布局等），所針對(duì)的產(chǎn)品方向及應(yīng)用場(chǎng)景也各不相同。Shopify 主題有免費(fèi)的也有付費(fèi)的，可以從 Shopify 官方主題商店或第三方市場(chǎng)（如 Themeforest ）下載，一個(gè) Shopify 在線商店最多可以有 20 個(gè)主題。有時(shí)候我們看到一個(gè) Shopify 的在線商店，覺(jué)得整個(gè)網(wǎng)站設(shè)計(jì)大氣美觀，功能完善，整體瀏覽下來(lái)的用戶體驗(yàn)非常不錯(cuò)，于是就會(huì)想知道應(yīng)用的是哪款主題。

那么如何能夠查看任意一個(gè) Shopify 在線商店正在使用的主題呢？下面來(lái)分享三種常用方法。

【1】瀏覽器插件

以 Chrome 瀏覽器為例，比較常用的可以檢測(cè) Shopify 網(wǎng)站應(yīng)用主題的插件有 Commerce Inspector，Koala Inspector，Shopify Theme Inspector。

Commerce Inspector

Koala Inspector

Shopify Theme Inspector

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

以 Chrome 瀏覽器為例，訪問(wèn)想要查看的 Shopify 網(wǎng)站，接著快捷鍵 Ctrl + U 或者鼠標(biāo)右鍵彈出菜單選擇 “查看頁(yè)面源代碼”，然后按 Ctrl + F 在源代碼頁(yè)面搜索 “Shopify.theme”，

主題屬性：

name：主題名稱(chēng)；

id：主題的唯一數(shù)字標(biāo)識(shí)符；

theme_store_id：Shopify 官方主題商店中每一款主題的唯一數(shù)字標(biāo)識(shí)符；

role：指定如何在網(wǎng)站中使用主題。狀態(tài)值主要有以下幾個(gè)，

• main：主題已發(fā)布。當(dāng)訪客訪問(wèn)網(wǎng)站時(shí)可以看到。

• unpublished：主題未發(fā)布。訪客無(wú)法看到。

• demo：主題作為 demo 演示版本安裝在網(wǎng)站中。只有購(gòu)買(mǎi)完整版，主題才能發(fā)布。

• development：主題用于開(kāi)發(fā)。該主題不能發(fā)布，并且是暫時(shí)的。

或者直接搜索 “themeName”，

這樣也可判斷出網(wǎng)站用的主題。

這里有一點(diǎn)要注意的是，上面主題屬性中的第一個(gè)?id?，即主題的唯一數(shù)字標(biāo)識(shí)符，這里的唯一是相較于店鋪而言的，就是說(shuō)一個(gè)主題會(huì)被很多個(gè)店鋪安裝應(yīng)用，那么這個(gè)主題在每一個(gè)店鋪中都會(huì)有一個(gè)唯一的標(biāo)識(shí)符。另外，一個(gè)店鋪中同一個(gè)主題可能會(huì)被復(fù)制出不同的版本，那么當(dāng)前店鋪中這個(gè)主題的每一個(gè)版本也會(huì)有對(duì)應(yīng)的唯一標(biāo)識(shí)符。

要查看自己店鋪中當(dāng)前應(yīng)用主題的 id，可以到店鋪后臺(tái)，選擇：Online Store - Themes - Actions - Edit code

進(jìn)入代碼編輯器后，主題的唯一標(biāo)識(shí)符 id 將顯示在瀏覽器的 URL 中：

這跟在源代碼頁(yè)面查找的 themeId 是一致的，

【3】?theme_store_id

有時(shí)候某些 Shopify 網(wǎng)站會(huì)通過(guò)在后臺(tái)編輯主題名稱(chēng)或直接修改代碼的方式把主題名稱(chēng)給屏蔽掉，這種情況下，可以源代碼搜索，在 shopify.theme 的信息集中查找 ID 特征，通過(guò)主題唯一的 theme_store_id 來(lái)判斷對(duì)應(yīng)的主題，但這種方法只適用于查找 Shopify 官方主題商店中的主題。

這里的 theme_store_id 跟上面主題屬性中的 themeId 是不一樣的。theme_store_id 是 Shopify?官方主題商店中每一款主題的唯一數(shù)字標(biāo)識(shí)符，如果值顯示為 null，則意味著這個(gè)主題是其他第三方主題，不是 Shopfiy 官方主題商店中有的主題，或者這個(gè)主題不是直接從 Shopfiy 官方主題商店安裝的正版主題，而是復(fù)制的主題副本或者是盜版主題。

先復(fù)制上面找到的那個(gè)數(shù)字 id，然后來(lái)到?Shopify?的官方主題商店，點(diǎn)擊?all themes，接著查看頁(yè)面源代碼，

然后快捷鍵 ctrl + F?搜索剛剛的那個(gè) id，如果有匹配的搜索結(jié)果，那么便可以知道當(dāng)前?theme_store_id?對(duì)應(yīng)的是哪款主題，

如果在當(dāng)前頁(yè)面找不到匹配結(jié)果，那么再返回點(diǎn)擊下一頁(yè)，繼續(xù)重復(fù)上面的過(guò)程步驟，直至遍歷查找整個(gè)主題商店中的所有主題為止。

Shopify 官方主題商店中一些比較受歡迎的主題及對(duì)應(yīng)的 theme_store_id 如下：

• Dawn：887

• Debut：796

• Brooklyn：730

• Venture：775

• Narrative：829

• Simple：578

• Supply：679

• Minimal：380

• Boundless：766

• Parallax：688

• Grid：718

• Retina：601

• Galleria：851

• Highlight：903

• District：735

• Envy：411

• Testament：623

• Avenue：865

• Boost：863

• Venue：836

• Showcase：677

• Broadcast：868

• Empire：838

• Streamline：872

• Focal：714

• Pipeline：739

• Motion：847

• Expanse：902

• Warehouse：871

• Prestige：855

• Impulse：857

有時(shí)候，也可以直接拿主題對(duì)應(yīng)的 theme_store_id 到 Google 搜索，例如搜?“Shopify theme 887”，這樣也能快速知道對(duì)應(yīng)的是哪款主題。

以上就是查看任意一個(gè) Shopify 網(wǎng)站使用主題的三種常用方法介紹。