使用 Storefront Web Components 构建电商应用
Storefront Web Components 是一组 HTML 组件，旨在为任何网站提供 Shopify 驱动的电商功能。通过简单的 HTML 嵌入，即可展示商品、系列并实现结账。这些组件简化了与 Shopify Storefront API 的交互，无需编写复杂的 JavaScript。用户只需添加 `` 和 `` 组件，配置属性，即可访问商店数据，并使用 CSS 或 HTML 自定义购物体验。文章提供了逐步指南和示例代码，方便用户快速上手。
Storefront Web Components
Storefront Web Components 让你能够为任何网站带来由 Shopify 驱动的电商能力。只需几行嵌入式的 HTML 代码，即可展示商品、呈现商品系列并提供结账功能。
Storefront Web Components 的工作原理
Storefront Web Components 的工作原理
Storefront Web Components 是一组 HTML 组件，可以处理查询 Shopify 的 Storefront API 的复杂性，让你无需编写复杂的 JavaScript 代码即可在你的网站上展示商品、商品系列和购物车功能。 在将 <shopify-store> 和 <shopify-context> 组件添加到你的标记中并配置其属性后，你就可以访问你商店的数据，然后使用 CSS 或 HTML 对其进行样式设置，以创建量身定制的购物体验。Storefront Web Components 适用于广泛的用例，从将你的产品和集合嵌入到现有内容中，到为你的网站构建新页面。
资源
资源
按照分步指南将 Storefront Web Components 添加到你的项目，或者在 playground 中浏览带有实时预览的示例代码。