问题标签 [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 投票
0 回答
234 浏览

javascript - Snipcart 购物车未正确更新

我的 snipcart 购物车有问题。我正在使用 Grav CMS。一切正常,直到您使用浏览器后退按钮返回页面。如果您在购物车中添加了任何内容,然后您返回了一些页面,则在您重新加载页面之前,购物车不会显示任何内容。

这就是我添加到购物车的方式,这对我来说非常好用

同样,当您将某些东西添加到购物车中时,将其删除并使用后退按钮返回几次,该商品会再次添加到您的购物车中,直到您刷新页面为止。有人知道如何解决这个问题吗?

感谢您的帮助!

0 投票
1 回答
286 浏览

snipcart - Snipcart,自定义购物车

是否可以自定义说snipcart结帐按钮的颜色?还是字体家族?

我看了一些教程,但它们似乎是旧版本的

0 投票
1 回答
307 浏览

javascript - Snipcart V 3.0:添加带有自定义字段的项目(JavaScript SDK)

对于网上商店项目,我使用的是 Snipcart V 3.0

我可以使用 JavaScript SDK 成功地将商品添加到购物车:

这有效,但自定义字段不显示。我在这里做错了什么?如何以编程方式添加自定义字段?

文件指出:

在https://docs.snipcart.com/v3/sdk/reference#core-models-ProductDefinition找到的产品定义参考 对于 customFields 并没有真正的帮助。

任何帮助表示赞赏!

0 投票
4 回答
192 浏览

javascript - 如何使用 SnipCart 创建分层的自定义属性选择框?

我正在寻找产品的两个自定义属性,其中第二个自定义属性具有唯一选项,具体取决于所选的第一个属性。

我的特殊情况是销售具有许多不同格式和尺寸的艺术品,其中尺寸的价格将根据选择的格式而有所不同(即:印刷、裱框、帆布等)。

显而易见的替代方法是为每种格式设置不同的产品列表,而不是双下拉菜单。但是,这不是我想要做的理想情况。

这是文档中为单个选择框和自定义属性提供的代码:

0 投票
0 回答
78 浏览

snipcart - 如何防止每次将商品添加到购物车时出现购物车?

根据3.x 文档,添加data-config-add-product-behavior="none"div#snipcart元素对我不起作用,每次我将商品添加到购物车时,购物车仍然会出现。

不知所措,其他一切对我来说都很好......

0 投票
1 回答
113 浏览

snipcart - 如何使用复选框提高 Snipcart 中的产品价格

我一直在我的网站中实施 Snipcart,我想用复选框提示用户,并根据用户是否选中它来提高产品价格。这是我的代码:

在您的文档中,它说如果“data-item-options”的值为“true|false”,那么它将显示为一个复选框,但它显示为一个下拉列表,其值为“true”和“'错误的”。我做错了什么,还有其他方法可以实现吗?我也尝试过使用“data-item-custom-type”="checkbox",但是我没有选择增加产品价格的价值(或者我只是没有找到如何做到这一点) .

0 投票
1 回答
193 浏览

javascript - snipcart 错误:未找到公共 API 密钥。必须在#snipcart 标签上设置属性 data-api-key

我在正确加载 snipcart 时遇到问题,它会在 localhost 上获取 api 键并显示购物车中的项目数,但是当部署到 netlify 时,它会在页面加载时短暂闪烁购物车中的项目数,指示 api密钥是正确的,但是它会出现错误 public API key not found. Attribute data-api-key must be set on #snipcart tag.

我正在使用 react 来渲染它,并将其降低到最小的样板文件中,以查看是否有任何 react 可能导致此问题,但我仍然遇到同样的问题。

移动 <div hidden id="snipcart" data-api-key={{ API_KEY }}></div>app.js文件并且它可以工作,但index.html它不起作用

索引.html

0 投票
3 回答
408 浏览

snipcart - Snipcart:关闭地址字段中的自动完成功能

是否可以关闭地址字段中的自动完成功能?我可以看到有

<template v-if="useAutocomplete">

在模板中。但是我在哪里可以将它设置为“假”?

0 投票
1 回答
222 浏览

javascript - 使用 Snipcart 时如何介绍自己的风格?

我正在使用 GatsbyJS 和 Snipcart 构建一个电子商务平台。它工作得很好,但是我想覆盖 Snipcart 提供的默认主题,并且当我出于某种原因想要更改主要的默认 CSS 时gatsby-config.js,它不起作用。有人有解决方案吗?谢谢。下面的代码使 snipcart 停止运行,正是在我添加样式选项时:

问题是如何使 Snipcart 版本 3 在与 一起使用时接受我提供的不同样式GatsbyJS?我尝试了他们的文档,但没有太多,也看了github

0 投票
1 回答
87 浏览

api - 为什么我可以更新电子邮件地址,但不能更新帐单地址?

我在此页面上关注了文档:https ://docs.snipcart.com/v3/sdk/api#cart

我可以像这样更新购物车:

但是,当我尝试这个时:

我得到:

而且我不知道为什么!?有什么提示吗?