问题标签 [buybutton.js]

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 回答
24 浏览

shopify - 如何从安全站点使用 Shopify BuButton.Js

这是我尝试使用的 CDN:

此源 URL 不安全,但我的网站因此在我的网站运行时出现混合内容错误。这个问题的解决方案是什么?我在这里想念什么?

0 投票
1 回答
958 浏览

javascript - Shopify Buy Button JS 的 openCart() 函数不起作用

我喜欢通过简单的 HTML/CSS/JS/PHP 网站结构设置 Shopify 商店,其中包含高度可定制的Shopify Buy Button JS 库

我按照教程进行操作,一切都设置正确,因为我可以获取并显示我通过 Shopify 仪表板设置的所有产品。

Shopify UI 元素(cartdrawerbuy-button等)的默认样式和 iFrame 与我网站的样式和 UX 不匹配,因此我想通过 css 自定义它们。我通过指令停用了iFrames大多数元素"iframe: false",这可以正常工作。

我还想创建一个自定义toggle按钮,用于打开cart(而不是经典的切换按钮形式 Shopify,它固定在屏幕右侧的中间)。

奇怪的是,我无法打开cartvia ui.openCart(),如文档中所述。ui.openCart()当我使用 a打开购物车时,我可以打开购物车setTimout (3s),但我无法通过 a打开购物车jQuery click event。我究竟做错了什么?

到目前为止我的代码:

的代码#shoppingCartDropdownInvoker是:

0 投票
1 回答
1314 浏览

shopify - Shopify 购买按钮 - 首先将结帐按钮重定向到在线商店购物车

一些背景 - 我在 Wordpress 中使用 Shopify 购买按钮。我已将脚本添加到 Wordpress 小部件中,并设法自定义了一些组件。我想改变一件事,但我无法完全弄清楚。Checkout 按钮当前打开在线商店的 Shopify Checkout,但有没有办法让该按钮打开在线商店中的购物车页面?

我见过其他人使用 .click 按钮功能,如下所示:

我绝对是 javascript 的初学者,所以我不确定在哪里放置该代码,或者 window.location url 是否会将添加到 Buy Button 购物车的项目带到 Shopify 购物车。我知道购物车永久链接,但这在这里不起作用。我希望能够将购买按钮中添加到购物车的产品转移到在线商店的购物车中。

我感谢任何帮助或方向!谢谢!

0 投票
1 回答
466 浏览

shopify - 如何使用 Shopify BuyButton.js 为特定产品变体创建立即购买按钮

我正在使用 Shopify BuyButton.js 在我的网站上创建购买按钮和购物车。

我的产品有多种变体。

我可以使用以下内容轻松地为产品创建购买按钮:

该产品有多个变体,可以通过下拉菜单进行选择,第一个变体是选定的变体。

我想做的是创建一个购买按钮,但仅适用于产品的特定变体。没有下拉菜单并单击“添加到购物车”将添加该产品并选择特定的变体。

我可以通过设置隐藏下拉菜单,options: false但选择的变体是第一个,我无法设置特定的变体。

0 投票
1 回答
138 浏览

html - 尝试将 Ewid 电子商务平台的“购买按钮”添加到使用 wordpress 和 ACF 插件制作的网站但未成功

我的最终目标是将电子商务代码安装到我网站的某些部分。我有一个展示我出售的家具的网站,但到目前为止它只展示它。买它是不可能的。出于这个原因,我正在尝试使用电子商务工具。它们通常提供生成一段呈现按钮(购买)的 html 代码的可能性。这个立即购买按钮为潜在客户提供了通过这个电子商务工具在后台启动购买过程的可能性。您可以将此购买按钮添加到您的每个产品中。

我使用的电商平台是:ecwid

这是我在 aws ec2 实例上的网站的副本:http: //18.192.207.65/

看看wp admin对你有帮助吗?

现在,在我复制了该代码之后——例如这个:

- 但我不知道如何将它集成到每个产品的自定义字段(用于 ACF)中,以便显示按钮。你知道如何解决这个谜题(至少对我来说)?

我对 Squarespace 做了同样的事情,它工作得很好。但是使用 Wordpress ...... 我越来越绝望,因为我尝试了各种资源和朋友。但似乎这个问题很特殊。我网站的 Wordpress 制造商无法访问。

0 投票
1 回答
545 浏览

javascript - 使用 Shopify 的购买按钮的直接链接

我有一个用 HTML5 设计的网站,我想链接到产品结帐页面,但我真的不想使用所有 BuyButton 的格式和所有附加功能。

这是 Shopify 告诉我使用的代码:

但我真的只想要一个简单的 HTML 链接去产品结帐页面

立即购买

我怎样才能做到这一点?有没有办法保留我想要和使用的样式,只需让购买按钮打开链接?

谢谢

0 投票
1 回答
331 浏览

jquery - Shopify 购买按钮 - 使图像可点击

我在 Shopify 上使用购买按钮,我嵌入了一个集合并单击购买按钮打开了模式,这很好。我正在尝试使图像也可以单击,并且也应该打开模态。

我已经完成了一半,实际上我可以使用 ui.openCart() 打开购物车,但我不知道如何访问模式,我尝试了以下但无济于事。

0 投票
0 回答
20 浏览

javascript - 带有变体的shopify购买按钮js产品集

如何使用 productSet 及其变体创建购买按钮?例子:

0 投票
1 回答
160 浏览

javascript - 使用 Shopify 的购买按钮创建附加项目

我在我的页面上使用 Shopify 的购买按钮,我对此非常满意,但我需要添加创建“添加商品”的功能 - 这意味着当客户点击商品上的商品详细信息时,商品提供了该功能有一个附加项目。

很像这个插件:https ://spice-addons-demo.myshopify.com/collections/frontpage/products/the-sg-gems-necklace (我已经尝试实现它,没有运气)

如何使用购买按钮做到这一点?(此处的文档:http: //shopify.github.io/buy-button-js/,我尝试对其进行修改,但没有真正的运气)

这是我的代码:

0 投票
0 回答
85 浏览

shopify - Shopify BuyButton moneyFormat 不起作用

我在使用外部网站上的 BuyButton JS 库更改 Shopify 购物车上的货币符号时遇到问题。

我在这篇文章中看到有人设法通过使用 moneyFormat 选项来解决它。但是当我这样做时,什么都没有改变:/

这是我的代码:

欢迎任何帮助,谢谢!