如何将 Shopify 购物车添加到 Hugo 电子商务网站

Question

我使用 Hugo 创建了一个静态电子商务网站。

Hugo 电子商务网站

想要通过 Shopify 后台添加产品，并将其反映在我的网站。

我对液体模板非常熟悉。请让我知道如何实现这一目标？

到目前为止，

1. 我已经创建了一个 Shopify 商店，添加了一个主题并添加了一种产品。
2. 我不想自定义现有主题，而是完全删除该主题并在其中添加我的网站主题。

Answer 1

您应该能够使用 Shopify API 获取您的产品。 此端点可能适合您。然后，您可以从 Hugo 中通过 getJson 函数检索产品告诉它 Shopify 授权标头 X-Shopify-Access-Token。像这样：

{{ $data := getJSON "https://your-store.myshopify.com/admin/api/2022-01/products.json" (dict "X-Shopify-Access-Token" "your-token") }}
{{ range $data }}
    {{ . }}
{{ end }}

只需确保您已替换 your-store 和 your-token 字符串即可。