问题标签 [snipcart]

我正在制作一个 Next 网站，并添加了 Snipcart。Snipcart UI 嵌入了 Vue，并在其中嵌入了图像和一个外部 CSS 文件，总而言之，这给我的页面加载时间增加了可笑的时间。我也不太喜欢 UI，但这是一个较小的问题，因为它可以自定义。

所以我在考虑是否可以将购物车的实际逻辑合并到我自己的 React UI 中，并避免所有额外的加载时间，同时完全控制购物车的外观和对事件的反应。

我查看了 Snipcart 的文档，发现实际上有一个 REST API，但它似乎仅用于获取现有订单/产品等，对活动会话没有太大帮助。

我想知道是否有人尝试过这个，或者 Snipcart 购物车的代码是否是开源的并且在某处可用（我在他们的 github 上找不到它，但我可能错过了它）。

谢谢 ：）

我在尝试将 Snipcart 与 Reactjs 网页一起使用时遇到问题，我知道 URL 应该是您的购买按钮所在的位置，但在我的情况下，我在不同的页面上有按钮，所以我试图动态地这样做，就像这样：

问题是，当我尝试下订单时，会出现下一条消息： 产品抓取错误定义的产品价格与购物车中的价格不匹配，或者在抓取的端点上找不到产品。查看产品 ID、价格和 URL。此订单验证条目可能会有所帮助。有关更多详细信息，请参阅开发者控制台。 如果有人可以帮助我，我将不胜感激，我让你我的 app.js 文件以查看路线，谢谢！

非常感谢您花时间阅读这篇文章，我有一个使用 Snipcart 配置为电子商务的静态站点，我已经设法更改了一些我需要的方面，但我无法访问和修改支付部分（第 3 步）添加文本。这是我声明的代码，以便 Snipcart 可以更改默认显示的内容：

<div hidden id="snipcart" data-api-key="XXX" data-config-add-product-behavior="none" data-templates-url="https://harvestoflove.mx/plugins/snipcart-templates.html"></div>

这是我声明的 URL 中的代码，以便 Snipcart 可以编辑它在地址部分（步骤 1）中默认显示的内容：

因为我想添加文本，所以我无法插入有助于修改第 3 步（付款）方面的代码。

我的 Angular 1.8.x 路由有问题。

在我的 angularApp.js 文件中，我启用了 html5mode，例如：

我的 NodeJS 应用程序执行以下操作：

但是，我确实对第三方库 - Snipcart 有疑问。应该做的是在前端应用程序中包含电子商务功能。但是，Snipcart 的“结帐”按钮链接到其中带有 # 的 URL，并且 Snipcart 库不起作用（不去结帐，并且似乎对我所在的当前页面进行了一些循环）。

我的问题很简单——我该如何解决这个问题？不幸的是，html5mode 是必须的，但我还需要能够支持带有 # 的链接。

提前致谢！

是否可以禁用 Snipcart 的整页购物车？我已经data-config-modal-style="side" 像文档所说的那样设置，但在较小的屏幕上，购物车仍会打开整页购物车。

我不想设计两个不同的推车看起来一样。

我正在尝试第一次设置 Snipcart。大多数情况下看起来很简单，但是当我尝试使用测试支付卡结账时遇到了一些问题。

我只使用香草前端，并在背面使用 Express。我每次都会遇到同样的错误：

但是它在我的控制台中返回给我的 URL 看起来应该能够正确地抓取产品：https://myHerokuApp.herokuapp.com/shop/starry-night

我真的很困惑我做错了什么。我的快速路由器有什么关系吗？我试过路由这样的东西只是为了看看会发生什么

但这并没有什么不同。

我真的希望有人能发现我做错了什么或在文档中指出我正确的方向..

谢谢！

我正在构建一个 Vue 应用程序，并且我正在为商店使用 Snipcart，但我遇到了运输问题。

该站点还使用无头 CMS Prismic 构建。所有产品项目数据均从 Prismic 获取，并通过无服务器函数传递到 Snipcar 的 JSON 爬虫。必须以这种方式使用 Snipcart 的订单验证。

在添加基于产品重量的动态运输成本之前，这一切都很顺利。以前没有添加到项目按钮的权重，测试交易工作正常。现在添加了它，我在结帐时遇到了错误。

我的 Snipcart 按钮如下：

我的 JSON 输出如下所示：

及其返回的“产品抓取错误”，控制台给出“InvalidDimensions”错误的状态

如您所见，权重包含在 JSON 中，它对应于绑定到按钮的数据中的相同值。

可能是我没有在 JSON 文件中正确标记它吗？我真的不知道...

任何帮助表示赞赏！

我想建立一个 jamstack 品牌网站，包括预订和购物系统。为此，我正在寻找一种无头电子商务/购物车解决方案。

当前堆栈：

• 我管理运动课程和可用性的 Laravel 后端
• 用gridsome搭建的公司网站

现在，应该可以在前端：

• 搜索可用性（从后端）并将课程添加到购物车
• 在购物车中添加其他物品，例如饮水瓶
• 使用标准支付网关或在课程开始时支付

你有什么建议吗？我找到了 snipcart 和 shopify 购买按钮。你有什么建议或其他想法吗？

谢谢 ：）

我已经坚持了一段时间了。我正在尝试使用 Vue + Strapi + Snipcart 建立一个数字产品网店。

这是我尝试使用产品结帐时遇到的错误： 来自 snipcart 的浏览器错误消息

但是，如果我使用没有附加指南的普通产品进行测试 - 一切都很好，交易也会进行。我使用 snipcart 的 JSON 爬虫。因此，我从我的 API 中创建了一个包含所有产品的端点。

我想到的唯一一件事是 - 我没有在我的 JSON 文档中正确引用 guid 我也尝试过- 它没有用guid。file_guid

最后这是我的“添加到购物车”按钮代码：

一切都在使用 ngrok 在本地运行和测试。有没有人知道我做错了什么？非常感谢任何帮助。

谢谢。

嗨，我有一个 nuxt + strapi 项目，我正在使用 Snipcart 进行付款。

当前的strapi调用：

这是我目前正在使用的按钮：

这是按添加到购物车后的错误消息：

这最终会在结帐后出现“产品抓取失败”错误。我不明白是什么让 Snipcart 从 Strapi 获取所有信息。