如何将 Shopify 购物车添加到 Hugo Ecommerce 网站

Question

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

Hugo ecommerce site

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

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

到目前为止，

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

Answer 1

您应该可以使用 Shopify API 获取您的产品。 This endpoint could be the one for you. From Hugo, you can then retrieve the products by getJson 函数告诉它 Shopify 授权 header 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 字符串。