店铺设计不仅影响您与品牌的业务体验,还影响您将访问者转化为顾客的能力。

学习如何自定义您的店铺是任何电子商务店主的必备技能;在提供美观体验的同时,了解如何调整您的店铺以回答每个顾客的问题至关重要。

支持您的电子商务成功 - Shopify在线商店2.0的新功能和工具使您更易于控制您的店铺的外观。通过为您提供对重新设计的元字段的更多数据访问权限,并为您的开发团队提供一套简化的开发者工具,您可以获得更高级别的灵活性和自定义性。 更多了解Shopify 2.0主题和在线商店2.0主题构架

Online Store 2.0 Shopify的亮点:

  • 全面使用片段:当您迁移到Online Store 2.0 Shopify时,片段不仅适用于首页,而且适用于每个页面。
  • 主题应用扩展: 通过在主题编辑器中使用应用块,可以将任何Shopify应用程序集成到您的商店中,而无需修改主题代码。
  • 改进的元字段: 您可以使用改进的元字段快速重构商店基础设施,以创建、自定义、扩展和商业化您的Shopify店铺。
  • 开发者工具: 由于未来的商业依赖于在每个接触点进行创意表达,因此引入了新的开发工具,例如Shopify GitHub集成、主题检查和新的Shopify CLI工具,这将帮助您构建更好的商业。
  • Dawn主题: 这是Online Store 2.0的第一个参考主题,是Debut Shopify主题的35倍快。您可以在我们的Shopify Dawn主题评论博客中了解更多关于该主题的信息。

您可以在这篇 Shopify Online Store 2.0介绍中了解有关Shopify Online Store 2.0的特殊之处以及Shopify 1.0和Shopify 2.0之间的区别等内容。

使用改进的元字段加快Shopify Online Store 2.0的创意:

虽然Shopify的产品模板限制了您在产品上存储额外信息的能力,但在Shopify Online Store 2.0中的改进的Shopify元字段使您能够轻松添加自定义字段到所需的产品页面或变体中。

因此,对于绕过Shopify 1.0的限制的商户,可以通过具有存储自定义字段能力的元字段应用程序来创建独特的体验,从而使您的商店栩栩如生。也就是说,一旦由Shopify开发人员配置好,您现在将能够定义和编辑产品内容。详细了解商户和开发者的Shopify Online Store 2.0优势

这意味着您可以使用元字段存储有关产品的其他信息。改进版本的Online Store 2.0 Shopify元字段将显着增加您捕获和表示特定于品牌的数据的灵活性。现在,您可以将元字段连接到应用程序或主题,您团队中的任何人都可以访问。

例如,

如果您希望为产品显示尺码图表,您可以创建元字段并动态生成其值。以下是如何创建元字段和动态提取值的示例。

从Customizer创建Shopify Online Store 2.0元字段

Shopify Online Store 2.0 Metafields

步骤1:使用以下链接登录到您的商店后台。

步骤2:在在线商店中将当前主题选项旁边选择“自定义”选项。

步骤3:在下拉菜单中选择“默认产品”,然后在侧边栏中点击“添加区块”选项。

步骤4:选择要显示信息的主题区块样式。对于我们的案例,让我们选择“可折叠选项卡”。

步骤5:点击“可折叠选项卡”选项,以更改标题并添加信息。

步骤5.1:选项卡内容中,输入要显示的信息。请注意,您在此处输入的值(30英寸)将在所有其他页面上保持相同,直到您通过创建元字段动态提取它们。

步骤6:动态提取它,也就是说,每个产品的值都不同,但是字段是相同的,您必须在“选项卡内容”选项的右上角选择“动态源”图标。

步骤7:选择元字段,然后点击“插入”选项。之后,点击“保存”选项保存更改。

(1)

Shopify Online Store 2.0

(2)

如果您尚未创建元字段:

操作1:从步骤6选择“添加元字段”选项

Shopify Online Store 2.0

操作2:按照屏幕上的指示,点击“产品”选项,按照您商店的要求添加产品元字段定义。之后,点击“保存”选项。

(1)

Shopify Online Store 2.0

(2)

如果您在设置元字段时需要帮助,您也可以联系HulkApps的Shopify Online Store 2.0专家

操作3:转到您的产品页面,您将在“产品元字段”中找到定义的元字段。您可以输入所需的值。

Shopify Online Store 2.0

操作4:为所有希望显示特殊信息的产品页面重复操作3。

操作5:返回到步骤6并完成步骤。

Shopify Online Store 2.0

如果您想使您的主题与Shopify Online Store 2.0兼容,请阅读我们的逐步指南Shopify Online Store 2.0迁移指南

使用Shopify Online Store 2.0改进的元字段-动态资源,使您的商店个性化。

 

通过直观的开发者工具加速Shopify主题开发

Shopify Online Store 2.0引入了一种全新的方式,供开发者和商户比以往更高效地实现高级定制,引入了Shopify GitHub 集成,更新的 Shopify CLI工具和 Theme Check。

Shopify GitHub集成

Shopify Githhub integration

通过Shopify集成GitHub,您和您的团队可以在发布更改之前合作、实施和合并更改,从而安全地进行更改,并具备版本控制的功能。Shopify GitHub集成将节省时间,提高开发流程的效率。

Shopify CLI

Shopify CLI Editor

与 Shopify 主题工具包相对应的是, Shopify CLI的功能得到了改进,以支持Shopify在线店铺2.0的灵活性。以前,您可能让您的开发人员使用Shopify CLI快速生成Node.js和Ruby on Rails应用程序以及应用程序扩展,但是现在您可以扩展它以为您的商店带来新的功能。

由于Shopify CLI允许您使用新的Shopify主题Dawn作为起点初始化新的主题项目,通过命令行推送和发布主题,并运行Theme Check,Shopify CLI可以加速主题的开发。

Shopify应用程序CLI工具可以通过自动化许多常见的开发任务,例如创建项目、复制凭据以及设置HTTP隧道以便在开发中连接到您的应用程序,从而加快您下一个项目的速度。

Shopify应用程序CLI工具旨在帮助开发人员构建满足所有Shopify商户需求的应用程序。无论您是想为商店创建私有或自定义的Shopify应用程序,还是进行一些开发更改,您都可以查看Shopify 高级开发服务包。

结论:

使用Online Store 2.0功能创建商店可以使您在设计在线商店时即使无需编码知识和开发人员的帮助也可以获得更多的创意灵活性。太棒了!

如果您有兴趣了解Shopify Online Store 2.0以及它如何帮助您的Shopify商店,请与我们的团队联系,我们将很乐意为您实施或迁移您的商店到全新的Shopify Online Store 2.0。