Learn Shopify Shopify 主题检测器:如何检查商店正在使用什么 Shopify 主题?

Shopify 主题检测器:如何检查商店正在使用什么 Shopify 主题?

GemPages Team
Updated:
10 minutes read
Shopify Theme Detector: How to Check What Shopify Theme A Store is Using?

建立自己的 Shopify 商店并不仅仅局限于创建令人印象深刻的内容和专业照片,除了这些元素之外,您还需要一个强大的主题,才能让您的业务真正发挥影响力。我们了解从头开始建立商店的努力,而且很多时候,向其他已经攀登过这座山峰的人学习是一个好主意。

但是作为电子商务领域的新手,当遇到热门主题时,您可能会对如何以及在哪里寻找可靠的Shopify 主题检测器感到困惑。不用再找了,本文将向您展示您需要知道的一切。

什么是 Shopify 主题?

Shopify 主题是店主用来创建 Shopify 商店外观和感觉的模板。每个主题都有不同的功能和特性,决定了您的网站在访客眼中的外观,还有自定义选项供您添加与您的业务相关的特定信息和元素。

不同类型的主题在成本、质量、用户友好度和功能数量方面会有所不同。但是,无论哪种类型,好的主题都需要能够传达您的品牌风格和精神,同时保持网站的专业性。

不同类型的 Shopify 主题

Shopify 主题系列分为两类的关键区别在于价格:免费主题和付费主题。另一方面,它们有一个共同的属性:它们是预先构建的。这意味着大多数功能都以统一的模式布局。

下面让我们详细介绍不同类型的 Shopify 主题。

Shopify 免费主题

Shopify 成为最用户友好的平台之一并非毫无原因。他们努力为预算有限的企业家提供优质的选择,帮助他们开始创业。虽然产品种类不多,但免费主题系列仍然充满了优秀的选择。

如果您是刚开始熟悉该平台的新手,那么从主题商店购买此免费产品是一个不错的选择。随着时间的推移,升级到高级或自定义主题的选择总是唾手可得。因此,从免费主题开始是一种经济实惠的选择,可以让您立足于此。

Shopify 高级主题

Shopify 上的免费主题和高级主题或付费主题之间的最大区别在于成本。此系列中最便宜的主题起价为 150 美元,与零美元的价格相差甚远。但是,付费主题通常适合那些寻求功能和布局更灵活的企业。他们通常会根据自己心中的标准(例如库存计数器、粘性标题)以及他们希望商店拥有的感觉(例如别致、简约、现代)来购买主题。

如果您热衷于拥有更多的自定义自由,我们强烈推荐页面构建器,例如GemPages 。 GemPages 的功能允许用户将元素拖放到现有主题中,这有助于用户实现他们想要的精确外观,同时仍保留页面上的其他细节。

自定义主题

从技术上讲,自定义主题不属于 Shopify 主题商店,因为它们不是现成的可供购买的主题。自定义主题是指企业从头开始创建的主题,其中包含需要使用编码的独特元素。这种类型的主题构建起来更复杂,但它使用户能够定制主题以准确反映他们的品牌。这就是为什么许多各种规模的电子商务企业都选择自定义主题,而不是将他们的愿景融入预建的主题中。

以 1 美元的价格开始在 Shopify 上销售
从免费试用开始,然后第一个月只需 1 美元

为什么需要 Shopify 主题?

自定义主题的存在引出了一个问题:为什么需要 Shopify 主题?

除了您的商店基于 Shopify 这一无可争辩的事实之外,使用从 Shopify 主题商店购买的主题还有其他独有的好处吗?

这就是这些问题的答案:您不需要专门使用 Shopify 的主题来获得成功,但 Shopify 主题的好处是显而易见的。

让我们来看看它们是什么。

不同的定价选择

自定义主题是从头开始创建的,这意味着无论您如何预算,都不会有免费选项。

使用 Shopify 主题,用户可以选择在购买大型主题之前试用免费主题。或者更好的是,如果他们觉得合适,他们可以继续使用免费主题,而无需升级到高级主题。

目前, Shopify 主题商店中有 12 个免费主题和 149 个付费主题,价格从 150 美元到 390 美元不等。这是一个合理的价格点,店主可以在此过程中进行尝试并找到符合其品牌愿景的风格。

帮助您建立商店的第三方应用程序是修改 Shopify 主题的另一个好方法。除了我们的付费计划外,GemPages 还为正在测试其电子商务商店的新手提供免费计划选项。请在此处查看定价详情

许多自动化功能

Shopify 付费主题的内置功能可能比您最初想象的更加多样化。 一些最值得注意的功能包括嵌入式视频、产品徽章、视觉叙事、幻灯片等。 虽然这些功能大多可通过付费主题选项获得,但所有这些功能都绝对值得投资。

定制自由

预建与不可定制并不和谐。事实上,Shopify 主题允许用户调整和增强主题的几乎每个细节,从颜色、布局和导航到页面数量和文本字体。一切都可以在主题编辑器中完成。

或者,您可以致电主题开发人员咨询更高级的编辑。通过在主题名称旁边显示第三方开发人员,Shopify 让用户在出现任何其他问题时可以轻松联系他们。

毫无疑问的兼容性

内置主题与您的 Shopify 店面兼容,无论是在 PC 还是移动设备上。查看主题时,您可以轻松地在桌面模式和移动模式之间切换。由于大多数主题都与不同尺寸的设备兼容,因此您无需担心网站无法适应移动设备。

为什么你可能想要检测 Shopify 主题?

人们想要了解 Shopify 商店使用什么主题的原因有很多,不仅仅是想要复制相同的美学。

为您的店铺设计提供灵感

这个原因对于新手来说尤其重要,因为他们可能对自己想要的商店是什么样子没有明确的想法。在这种情况下,向前辈学习是正确的做法。

通过查看最受欢迎的 Shopify 商店使用的主题,您可以为自己的商店设想并复制类似的布局。此外,熟悉与您同行业的商店可以为您提供丰富的灵感来美化您的网站。

The Marshmallowist 网站的截图。

Marshmallowist 是 Shopify 上一家领先的食品商店,能够激发您的灵感。

竞争对手分析和基准测试

检测商店的主题并不总是意味着复制。了解竞争对手在做什么是任何营销策略的基础之一。在这种情况下,检查竞争对手选择的主题有助于对自己的业务进行基准测试。

这个过程包括分析商店的布局、他们如何组织不同的部分、要包含和省略的内容以及他们想要的感觉。在这个过程结束时,在权衡利弊并回顾品牌愿景之后,你会更好地了解这个主题是否适合你。

识别主题功能和自定义选项

当您看到一家设计精良、功能独特的 Shopify 商店时,您自然会想要确定他们使用的主题,以进一步探索自定义选项。 Shopify 上没有两个电子商务商店是完全相同的,只要店主花时间和精力进行自定义即可。 因此,了解商店使用的主题是您创建自己的版本以体现品牌精神的基础。

评估商店的性能和加载时间

主题可能不是影响网站加载时间的唯一决定因素,但它在减慢或加快商店性能方面仍然起着重要作用。当您带着要复制的主题进入商店时,请注意其加载时间,或者更好的是,使用Google 的 Page Speed InsightsCore Web Vitals等工具来评估他们使用的主题。

或者,如果您是 GemPages 用户, 延迟加载功能是一个直观的元素,可帮助减少 Shopify 商店的页面加载时间。通过首先加载访问者可见的内容,并在他们滚动时逐渐显示其他部分,加载时间得到显著改善。您可以在 GemPages 编辑器上找到此功能。

总的来说,外观好看是不够的。您需要一个可以优化加载时间、创造更好的用户体验并得到搜索引擎推广的主题。让我们在下一章中了解如何操作。

如何检查 Shopify 商店正在使用什么主题(2 种方法)

方法一:查看源代码

步骤1.访问您想要检测其主题的Shopify商店。

第 2 步。如果您使用的是 PC ,请按Control + U。如果您使用的是 Mac ,请按Command + Option + U。

步骤 3. 将显示一个包含商店 HTML 代码的选项卡。如果您使用的是 PC ,请按Control + F。如果您使用的是 Mac ,请按Command + F。

步骤4.搜索“Shopify.theme”

步骤5.包含主题名称和Shopify主题ID的一行代码将会被突出显示。

瞧!找出你喜欢的 Shopify 主题的名称非常简单。

专业提示:
  • 在步骤1中,您可以通过右键单击并选择“查看页面源代码”来替换键盘快捷键(如下图所示)。
  • 有时,主题名称可能未列出。别担心!查看同一行代码中的主题 ID 并查找数字。如果主题可以在主题商店购买,您可以快速在 Google 上搜索“Shopify 主题 + ID 号”,然后会弹出确切的主题(例如 Shopify 主题 796)。
  • 如果您在主题名称和主题 ID 旁边看到“null”字样,则很有可能您看中的主题是自定义主题,无法在 Shopify 主题商店购买。

Curiosity Box 网站截图。

右键单击并选择“查看页面源代码”来检查商店的 HTML 代码。

方法 2:使用主题检测器

有多个在线Shopify 主题查找器可以准确地告诉您商店正在使用的主题,而无需您手动查找名称,并且大多数都可以作为浏览器的扩展程序添加。

最著名的Shopify 主题检测器同名工具Fera.ai 的 Shopify App Detector 。 这两种工具都是免费的,而且使用起来非常简单。

还没准备好承诺但仍想尝试一下?
没问题!开始使用 GemPages 的免费计划。探索可以为您的商店创造奇迹的精彩功能。

3 家使用不同主题的 Shopify 商店为您提供灵感

1. Kylie 化妆品(定制)

Kylie Cosmetics 网站截图。

Kylie Cosmetics 使用自己的自定义主题来实现独特的网站布局。

这个知名化妆品品牌的完美设计常常让访客疑惑“Kylie Cosmetics 使用什么主题?”。快讯:它不在 Shopify 主题商店中。

该品牌选择了一个自定义主题,完美地反映了其风格。中性色调给网站带来舒缓的感觉,而每个部分都完美地布局了高质量的图片和产品信息。该网站完美地体现了凯莉的风格和审美。即使你不熟悉该品牌的所有者,商店的专业感仍然可以吸引你并鼓励你购买。

2. 珍珠奶茶俱乐部(免费)

Bubble Tea Club 网站截图。

Bubble Tea Club 证明,使用免费的 Shopify 主题可以打造出一个出色的网站。

Bubble Tea Club 是一家 DIY 茶饮公司,让您在家中轻松享用正宗的珍珠奶茶。这家总部位于澳大利亚的公司使用 Shopify 上最受欢迎的免费主题 - Dawn 主题。通过用鲜艳的色彩和有趣的视觉效果赋予其独特的风格,Bubble Tea Club 仍然成功脱颖而出,成为 Shopify 上一家极具吸引力的食品和饮料公司。这家商店是充分利用免费主题的典范。

3. Beardbrand (高级版)

Beardbrand 网站截图。

Beardbrand 利用 Shopify 高级主题来突出其最佳功能。

Beardbrand 的名字不言而喻。该公司专注于男士美容的一切,其网站设计采用了时尚而又有影响力的布局。Beardbrand 没有走定制路线或选择免费主题,而是选择使用Split (Shopify 主题商店的高级主题)来发展业务。只需滚动浏览网站,访客就会对迷人的照片、粗体文字和诙谐的产品描述印象深刻。这家公司显然知道其品牌代表什么,他们拥有完美的主题来做到这一点。

向最好的人学习,今天就为您的商店找到 Shopify 主题

从另一家 Shopify 商店获取灵感现在已不再只是欣赏。您可以轻松查找那个华丽的主题,完全没有麻烦。这就是成为地球上最大的电子商务平台之一的一部分的优势。

如果您想将这些主题(无论是预制的还是定制的)提升到一个全新的水平,为什么不尝试使用GemPages等功能强大的页面构建器呢?我们知道每个商店都有“它”的因素使其与众不同,而 GemPages 旨在让您自由发挥创造力。让我们开始吧,选择最适合您品牌的主题,并在 GemPages 的帮助下掀起一场风暴。

您的商店可能看起来像这样!
使用 GemPages 页面构建器将您的店面提升到新的水平。提供免费计划。随着规模的扩大而升级。

关于 Shopify 主题检测器的常见问题解答

How to find out what Shopify theme a website is using on Mac?
Step 1. Visit the Shopify store whose theme you want to detect.
Step 2. Press Command Option U.
Step 3. A tab with the store’s HTML code will appear. Press Command F.
Step 4. Search for “Shopify.theme”.
Step 5. A line of code that contains the theme name and Shopify theme ID will be highlighted.
How do I know if a store uses Shopify?
Visit the store’s website. Right-click and select “View page source”. When the HTML code page appears, type in “myshopify” in the search box. If the store is built with Shopify, a line of code with this keyword will be highlighted.
Can you test a Shopify theme?
Yes. You can preview one or several Shopify themes before making a purchase. Alternatively, you can try out a theme and switch to another one at any point.
Topics: 

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands