问题标签 [snipcart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
62 浏览

localization - SnipCart 网站:“$localize”出现在 Google 搜索结果片段中

我按照定制文档定制了我的SnipCart电子商务网站:

但是,现在我看到 $localize 出现在 Google 搜索结果中,而不是英文文本中。

在此处输入图像描述

Google Search Console 显示 SnipCart .js 资源(也是 .css)由于 cdn.snipcart.com/robots.txt(配置为不允许抓取任何内容)而被阻止。这似乎是问题所在。

解决此问题的正确方法是什么?

0 投票
1 回答
208 浏览

javascript - 如何从选择菜单更改为按钮

我有一个使用snipcart集成的购物车按钮。我创建了一个带有产品选项的选择菜单,并且我有一些 javascript 将所选选项与按钮联系起来,以便在单击“添加到购物车”时将正确的选项添加到购物车中。

我想使用按钮而不是下拉选择菜单。我不确定如何更改我的代码。

0 投票
1 回答
154 浏览

javascript - Snipcart v3 使用 JavaScript SDK 添加项目

我正在尝试复制一个非常好的教程,介绍如何在购物车中将每个项目放在自己的行中。您可以在此链接上找到它。不幸的是,本教程使用的是 Snipcart v2,我希望它可以与 v3 一起使用。

我面临的问题是将商品添加到购物车是无休止地重复。我不确定,但我猜它与item.adding使用 Javascript SDK 添加的每个项目的事件触发有关。

由于 Snipcart 没有任何支持,除了每周简单的一句话,我希望在这里找到一个善良的灵魂,愿意帮助我。

这是我的代码:

0 投票
1 回答
99 浏览

snipcart - Snipcart v3 和“data-item-stackable”属性

我用这个把头撞在墙上一个月了。在 Snipcart V3 中设置data-item-stackable="never"对我来说绝对没有任何作用。

但是还有更奇怪的事情发生:

  1. 在我的仪表板上,我收到这条消息:

您似乎没有使用我们最新版本的购物车。您想切换到 v3.0 吗?

不用说,我在我的网站上使用的是最新的(在撰写本文时)snipcart.js v3.0.31。什么是仪表板检测为 Snipcart v2?我从未在相关站点上使用过 Snipcart v2,也没有从 v2 迁移到 v3。

  1. 在 Snipcart v3 文档中,它说data-item-stackable属性是enum类型。但是,在 v3 迁移指南中,说明了

data-item-stackable 属性不再是布尔值,而是描述不同可能行为的字符串

那么它是一个字符串还是一个枚举?

我想知道其他人是否对正确的版本检测和/或data-item-stackable什么都不做有问题?这两个只是我遇到的同一个问题的不同表现吗?有没有人按照预期在不使用 Javascript SDK 的情况下成功地使用 Snipcart v3 获得“非堆叠”项目?

感谢您的时间和精力。

干杯。

0 投票
1 回答
83 浏览

rest - 设置节点 js 服务器以侦听 webhook 并发布到数据库的问题

大家早上好,我在设置服务器以侦听 webhook 数据并将其发布到数据库时遇到了一些困难。我主要是前端,所以其中一些对我来说有点新。所以我有一个建立在 snipcart 上的熟食网站。我有一个收据打印机,可以查询 api 并打印出新订单。所以我想要的是一个服务器来监听 webhook 并将信息存储在数据库中。我已经得到它正确侦听 webhook 的位置,但它拒绝发布到数据库。这是 app.js 文件中的代码。

这是我的 apiController.js 文件中的代码

和我的 apiModel.js 文件

apiRoutes.js

和我的 db.js

这是我需要放入数据库的示例响应

我不需要数据库中的所有信息,只需要一些关键项目,如客户姓名、电话号码和订单信息。但如果订单中有多个项目,我需要它考虑到这一点并添加订单中的所有项目。这是我需要集成的打印机的文档https://star-m.jp/products/s_print/CloudPRNTSDK/Documentation/en/index.html希望大家能给我任何帮助。谢谢!

0 投票
1 回答
290 浏览

html - Snipcart data-item-url 在本地主机上不起作用

我目前正在本地(Wampserver)上测试产品付款,但在确认付款时总是出现“域抓取失败”错误,我无法解决。

https://i.stack.imgur.com/HVxjd.png

https://i.stack.imgur.com/iU0zJ.png

我已将 'localhost' 设置为 snipcart 上的默认域,并且还放置了子域:

https://i.stack.imgur.com/AhouQ.png

我的带有购买按钮的产品在页面中:“http://localhost/Site/boutique”。这是代码:

0 投票
2 回答
220 浏览

javascript - 为 Snipcart 产品验证定义 JSON 文件

我正在尝试创建一个页面,网站管理员可以通过表单输入新产品,该表单将其存储在 json 文件中并在主商店页面中显示为项目。我成功了,但 snipcart 似乎无法识别该产品。当我尝试支付来自我的 json 的产品时,我收到一条错误消息。 https://i.stack.imgur.com/ajyou.png

https://i.stack.imgur.com/CKbbo.png

我在 Snipcart 文档中看到了 JSON Crawler 的解决方案,但我不太明白我需要做什么:https://docs.snipcart.com/v2/configuration/json-crawler 创建 JSON 不是问题,但是我不明白我必须如何使用它。

我使用 JSON 文件显示产品的代码:

0 投票
2 回答
70 浏览

javascript - 将查询参数传递给 Netlify 函数内的 Snipcart API url

我正在尝试通过查询我的 Netlify 函数从 Snipcart 获取 JSON 产品数据,如下所示:

当我在上面的函数中硬编码 SNIPCART_ID 时,我得到了正确的 JSON 数据。但是我不能使用我的页面的 JavaScript 将我的 Snipcart id 作为参数传递,如下所示:

我在这里做错了什么?

0 投票
0 回答
81 浏览

javascript - 如何更改 Snipcart 付款表单中的提示文本

我在我的反应网络应用程序中使用snipcart 。阅读他们的文档后,我发现我无法覆盖付款表单的 css,因为该付款表单正在 iframe 中加载并对其进行自定义,我必须像这样使用他们的 javascript sdk:

现在这对于图例和标签元素非常有用,但也有一段以 snipcart 形式存在,它具有类test-card-hint。而且我找不到任何方法来覆盖它。我尝试传递以下值:

还尝试使用像legend ~ p这样的兄弟选择器,但无济于事。

您可以在下图中看到仅生成标签和图例的样式。

除非其图例或标签,否则不会反映任何更改

这是表单的 html 标记: Snipcart 表单的 Html 标记

有人知道解决方法吗?是否可以完全覆盖这个特定元素的 css?

0 投票
1 回答
189 浏览

javascript - Snipcart 中出现“购物车确认”错误

对于我的 nextjs 应用程序,我想使用 snipcart 结帐。当我尝试验证付款时,我收到一个错误:

这是我的 snipcart 按钮:

如果我单击错误中打印的产品 URL,我会进入目录而不是产品。我认为问题可能来自 nextjs 路由问题......?