Shopify 在线商店 2.0 – 您需要知道的一切

2020 年有超过 450 亿人在 Shopify. 该公司处理的商品总额超过 120 亿美元。 一个显而易见的事实是 Shopify 是巨大的并且越来越大。

Shopify 周二(29年2021月XNUMX日) 宣布了许多新功能,旨在使平台更适合任何经营商店的人 Shopify。 线上 Shopify 2.0 提供了大量的新功能和主题列表 Shopify 商人。

这个词来自 Shopify 是在线商店 2.0 是它用于模板构建的最重要的语言重建的成果:Liquid 语言。

首先,改造后的在线商店将使开发人员可以轻松地向其店面添加自定义功能。 Netflix 很早就获得了对该平台的访问权限,并利用该访问权限创建了 Netflix.shop——Netflix 的第一家电子商务商店。

下面简要概述了 Online Store 2.0 对您的意义。

概述

Online Store 2.0 中的新功能以全新的编辑体验开始。 新的编辑器让商家从头开始构建店面、添加各种主题扩展和管理主题内的应用程序变得非常简单。 新编辑器的想法是集中所有可用的特性和功能。

正在开发的新标准店面主题参考主题 Dawn 将比当前默认主题快 35%(根据内部估计)。 Shopify 还提到新主题将从 15 年 2021 月 XNUMX 日起开放供开发者提交。

此外, Shopify 还透露,该公司将大幅增加其基础设施投资和开发人员工具。 因此,作为商家,您无需经历重新平台化以构建无头商业店面或自定义店面的麻烦。

随着全新改版的网上商店 2.0, Shopify 正试图让该平台对开发人员和科技巨头更可见。 此举表明这是为 Netflix 提供对 Store 2.0 的早期访问(前面提到过)。

Online Store 2.0 包罗万象。 通过新商店,每个人都可以选择创建、定制、扩展和货币化 Shopify.

新主题架构

使用早期版本的在线商店,商家在商店内可用的块数受到限制。 早些时候,商店曾经拥有映射到不同产品的不同模板。 在 2.0 版本中,作为商家,您现在可以选择向每个新页面添加部分。 早些时候,您只能向主页添加部分。

您可以使用指定页面设置的 JSON 模板文件激活每个页面的模板。 有了这个,您可以列出页面的所有部分、集合页面、自定义页面、博客文章等等。

在 JSON 模板文件中,您可以定义将要显示的部分。

模板文件规定了默认情况下出现的部分以及它们在您安装的主题中出现的顺序。 添加模板后,您可以通过转到主题编辑器将动态部分添加为主题预设。

带有应用程序块的主题应用程序扩展

开发人员的主题应用扩展可以帮助您添加许多功能和扩展。 您可以借助此功能扩展商家的网站功能

以前,应用程序无法与主题集成。 因此,开发人员必须为现有主题编写集成逻辑。 这使得制作跨多个主题一致工作的功能变得非常困难。 情况不再如此。

应用程序模块化

另一个亮点是应用程序模块化。 这只是意味着作为开发人员,您现在可以通过主题编辑器添加和删除 UI 组件。 您无需访问主题代码。

这为您提供了一种管理应用程序支持资产的简单方法。 和 Shopify 在 2.0 中,您可以轻松管理应用程序的支持资产并将它们托管在平台上。

对元字段的更改

更新的主题编辑器允许商家添加元字段和属性。 好消息是您不需要 API 或任何形式的编码来实现这一点。

作为商家,您可以自由地将您喜欢的内容添加到产品页面,为添加有助于潜在买家的附加信息(例如尺码表或成分列表)提供空间。 任何不太可能出现在商店编辑器中的内容都可以通过元字段进行更新。

以下是他们修改元字段的不同方式。

  • 高度灵活:元字段更灵活。 这有助于您安全地导入商业数据。
  • 标准元字段:标准元字段使自定义主题可以更轻松地在跨市场的商店中开箱即用。
  • 演示提示:您可以向元字段添加演示提示以呈现商店数据

文件选择器

Metafields 现在支持许多媒体,如图像或 PDF 文件。 元字段文件选择器所做的不是将特定文件类型硬编码到主题,而是让您将所选媒体上传到产品页面。

可以通过设置/文件部分访问图像,并立即使用。

如果您喜欢产品保修或尺寸表,文件选择器可让您轻松选择具有简单 UX 的特定文件。 有了这个,元字段被放置在主题本身内。

文件 API

在 API 版本 2021-07 中,您可以使用 File API 创建、更新和删除通用文件。 这让商家可以为不同的应用重复使用不同的文件。 这些被添加到文件页面里面 Shopify 管理员。

开发人员将能够通过新的 Files API 访问设置/文件。 此版本引入的 GraphQL API 使您可以轻松地通过设置/文件上传或选择现有媒体文件。 在通过内容填充元字段时,应用程序可以从访问管理中的这个特定区域中受益。

这为应用程序提供了机会,可以将这个空间用于与产品没有直接关联的文件和图像,包括主题中使用的图像。

液体输入设置

主题编辑器的另一个更新是 Liquid 输入设置,您可以从中将自定义 Liquid 代码从编辑器本身添加到页面。

Liquid 设置类似于 HTML 设置。 唯一的区别是您可以访问 Liquid 变量。 商户可以访问全局和特定于模板的 Liquid 对象。

该设置减少了商家在为使用 Liquid 的应用程序添加代码时手动更改任何主题的代码的需要。

使用开发人员文档,或从 Dawn 的 custom-liquid 部分查看新主题。

有了这个,作为开发人员,您可以轻松地对商店做出独立的决定,从而腾出时间专注于创造性的集成和解决方案。

新的开发者工具

在线商店 2.0 为开发人员提供了一系列为您构建新应用程序和主题的机会。 新的开发人员工具集成并协助测试、开发和部署新主题。

Shopify GitHub 集成使您可以轻松使用 Shopify CLI 工具以及主题检查。 这两种工具都使您能够在沙箱中测试主题并因此简化开发。

Shopify Github集成

与 GitHub 的新集成使您可以更轻松地跟踪和管理新主题的开发和维护。 将 GitHub 用户帐户连接到在线商店。 更改被推送到 GitHub 并拉到与所选主题的当前状态同步的存储库。

Shopify GitHub 集成确保您可以将您的用户帐户与 Shopify admin 并将 Git 分支连接到商店中的主题。 对版本控制的本机支持也允许您对主题代码进行更改、跟踪和管理:

GitHub 与主题的集成使开发人员可以通过引入对版本控制的本机支持来编辑主题,从而安全地进行协作。 该集成使开发人员在编辑主题时可以安全地协作并支持版本控制。 在商家商店工作时,开发人员可以实施工作流程,在填充到实时主题之前,在 GitHub 上审查和合并主题更改。

Shopify CLI的

有新的变化 Shopify CLI 工具也是如此。 应用程序开发人员直到现在都使用 CLI 工具来生成 Node.js 和 Ruby on Rails 应用程序,但随着当前的变化,开发人员可以使用 CLI 构建自定义主题。

这是您获得的全部功能:

  • 您可以在开发主题中开发、预览和测试对主题的更改。
  • 由于开发服务器,您可以热重载您开发的 CSS 和 Liquid 部分更改。
  • 使用新主题 Dawn 初始化一个新主题项目。
  • 从命令行推送和发布主题
  • 对主题运行主题检查。
  • 为产品客户和草稿订单填充主题的测试数据。

开发主题是暂时隐藏的主题,连接到 Shopify 存储开发。 开发主题在管理区域中不可见,因此您不必担心商店的任何访问者会在其上看到您的网站。

开发主题加起来不会达到主题限制。 由于这个原因,它们会在 XNUMX 天不活动后自行删除。 运行时它们也会被删除 Shopify- 注销序列。 如果您需要一个在您注销时不会被破坏的预览链接,您可以做的是将主题推送到商店。

开发主题可用于实时查看本地正在开发的主题的变化,与主题进行交互,并使用主题编辑器自定义主题。 因此,新的 CLI 工具可让您充分控制最终主题的显示方式。

这些工具可以简化开发过程并让您快速开始使用在线商店 2.0

主题检查

Theme Check 是 Liquid 和 JSON 的另一个不可或缺的组件,用于扫描主题是否有错误。 扫描完成后,该工具会突出显示 Shopify 平台和 Liquid 语言。

这与 Visual Studio 等编辑器集成并识别代码问题。

为了让您了解持续存在错误消息的问题,并显示一个指向失败检查的链接。 主题检查与 Shopify CLI 工具,因此您无需单独安装相同的工具。

其他值得注意的功能

批量变异API

Bulk OperationRunMutation 端点是一个解决方案 Shopify 将数据批量导出到商店。

您可以运行批量变异操作,而不是 GraphML 模拟。 这是一种导入所有数据的简单方法,不会因大量文件而面临任何瓶颈。

以下是可用选项:

  • 产品创建
  • 集合创建
  • 产品更新
  • 产品更新媒体
  • 产品页面更新
  • 产品变体更新
  • 元字段插入
  • priceListFixedPricesAdd
  • priceListFixedPricesDelete

用于折扣的结帐资源 API

结帐资源返回 application_type 属性以获取添加到结帐的折扣。 该字段显示如何应用折扣。

有效值包括automatic、discount_code、manual 和script。

液体输入设置主题

新的 Liquid 输入设置供商家直接从编辑器本身添加自定义 Liquid 代码。 它与 HTML 设置非常相似。

商家可以通过对主题代码进行零编辑来访问全局和特定于模板的 Liquid 对象。 新的参考主题称为 Dawn。 这是一个开源参考主题,具有灵活性和易用性选项。 它使用了几个 Online Store 2.0 功能,如 JSON 模板和应用程序块。

总结一下:

Shopify 商店分为三个部分:

  • 主题和在线编辑器
  • 保存内容
  • 开发者工具

如果您不是开发人员而只是店主,那么新的在线编辑器和内容管理系统可能对您作为店主的影响最大。

Shopify更新后的模板语言现在有一个类似的内部编辑器,如 2018 年发布的 WordPress 古腾堡。这使它更接近于平台上的页面编辑器,例如 Squarespace 以及 Wix.

编辑器可以轻松替换多个 Shopify 应用程序,包括流行的 Shogun 页面构建器。

新的编辑器将让中小型企业创建新的页面模板并填充其中的数据,而无需使用内置的任何代码编写一行代码。 Shopify 页面部分以及块。

最后,内容管理系统是另一个非常重要的领域,它进行了翻新和附加功能。 通过新的更新,您将获得全新的自定义内容类型。 创建一次内容并将其发布到您的所有渠道中,包括在线商店。

你怎么看待这个问题? Shopify 在线商店 2.0? 请在下面的评论中告诉我们。

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。