Shopify 购物车更改事件 - javascript

2024-03-09

当 Shopify 购物车发生更改时是否会触发一个事件。我可以每隔 x 秒刷新一次购物车,看看是否有什么变化,但基于事件的方法总是更好。


虽然没有一站式“购物”(呵呵)的方法,但这是可以做到的。

在 Shopify 中,商品可以通过常规 HTML 表单 POST 到“/cart/add”或通过 Ajax 添加到购物车,因此从广义上讲,您需要同时考虑这两种情况。此外,当使用 Ajax 主题时,开发人员可以使用Shopify Ajax API http://docs.shopify.com/support/your-website/themes/can-i-use-ajax-api或者直接使用 Ajax POST。

在第一种情况下,您可以做的是在页面加载时向表单添加一个提交处理程序,以便您能够在添加项目之前获取 POST 事件。

在第二种情况下,通过 Javascript 包装器 API 使用 Ajax,您可以定义一个函数,Shopify 将在购物车更改时调用该函数。例如。假设您定义了这个函数:

Shopify.onCartUpdate = function(cart) {
  alert('There are now ' + cart.item_count + ' items in the cart.');
};  

Ajax API 将在商品添加到购物车后调用它。您可以查看API沙箱 http://mayert-douglas4935.myshopify.com/pages/api来感受一下。

最后还有直接使用Ajax的情况。这与以下情况相同这个问题 https://stackoverflow.com/questions/4406606/can-jquery-listen-to-ajax-calls-from-other-javascript他们使用 XMLHTTPRequest 原型方法的公认答案对我来说看起来相当不错。如果你喜欢使用 jQuery 那么使用ajax完成 http://api.jquery.com/ajaxcomplete/会让事情变得更简单。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Shopify 购物车更改事件 - javascript 的相关文章

  • shopify theme 跨境电商开发 liquid

    shopify theme 多语言国际化开发 shopify theme 跨境电商开发 liquid 本地编辑shopify主题的方式一 shopify cli 的命令 最近有有一个叫做shopify的跨境电商的东西需要开发一些主题和模板
  • 今天给一个shopify网站修改了一下

    今天的客户是浙江的 他们没有设计稿 给了我一个需要模仿的网站 要求是把自己的商品详情页搞成和对标网站一样的 这个事情两天给搞定了 他们很满意 对标网站是一个卖狗粮的 他们是卖玩具的 哈哈 但是因为没有设计稿 修修补补了很多地方 还要求在页面
  • shopify网站如何提高视觉冲击力

    1 首屏使用视频 2 页面引入酷炫动画 3 使用对比强烈的色彩
  • 本地编辑shopify主题的第一种方式

    先进入Shopify商店后台 新建应用程序 填写完无关紧要的信息后 把Theme templates and theme assets权限设置为读写访问权限并保存 然后复制密码 这表示可以通过这个密码对主题进行读写修改了 然后按照命令获取主
  • Shopify商品置顶功能

    Shopify商品置顶功能 商品置顶功能描述 通过在商品列表页为链接添加参数的方法实现置顶某个或多个商品的功能 需按以下步骤将目标代码添加到目标位置 目标代码 assign handles assign handleSize 0 if cu
  • shopify 前端教程(还在学可能有很多错误理解以及知识点)

    第一步 本地开发环境的搭建 第一步是安装ruby gem 以下是官网的链接 Downloads rubyinstaller org 友情提示 官网下载速度非常慢 我不会翻墙 我是在csdn搜索别人下载好的安装 Windows下安装 ruby
  • Shopify 标签总数

    在 Shopify 中 如何显示标签列表 后跟带有该标签的产品数量 示例 黑色 12 蓝色 10 目前代码看起来像这样 但它不起作用 ul for tag in collection all tags li a href tag a tag
  • Shopify 变体

    想知道是否有任何方法可以将变体分配给自定义无线电输入 我想为 2 天 3 天和标准运输设置不同费率的分级运输 我可以使用变体来做到这一点 但下拉菜单对我不起作用 我想要日期信息和日期选择器 以便选择首选发货日期 并将其全部显示在带有其余交付
  • 如何处理 Shopify API 与 Shopify gem 的连接?

    您好 我正在我的 Shopify 应用中使用 Shopify gem 我正在寻找有关如何处理与 Shopify 的 API 连接的建议 我正在使用 webhooks 和delayed jobs 所以我需要一种方法来打开控制器外部的连接 目前
  • 如何在Shopify“THEME-APP-EXTENSION”和应用程序后端之间传递数据?

    我试图弄清楚如何在 theme app extension 和 theme app extension 连接到的应用程序后端之间传递数据 theme app extension 都是 Liquid css 和 javascript 所以我不
  • Shopify 应用程序可以自动在商店主题中注入液体代码吗?

    我正在构建一个 Shopify 应用程序 我有兴趣自动将液体内容添加到商店的主题中 扩展名为 liquid 的文件被视为资产 既然您可以向商店添加资产 那么答案是肯定的 您确实可以将 Liquid 模板代码注入商店的主题中 如果您使用应用程
  • 如何更改 Shopify 主题名称

    有谁知道如何更改 Shopify 主题的名称 我似乎找不到该文件 我尝试使用 Wingrep 搜索并查找主题名称 但没有得到任何结果 找到了 主题选项中显示的主题名称由主题文件夹的名称定义 因此 如果您想为主题指定自定义名称 请在将主题上传
  • Shopify API 如何使用 like 进行搜索查询

    嘿伙计们 我尝试做一些搜索功能 但使用 shopifyAPI gem 是不可能的 ShopifyAPI Product find all conditions title LIKE search params limit 20 page 1
  • 我的应用程序如何修改商店的模板文件

    安装应用程序时 我需要将液体标记注入商店的主题模板 我知道有 ScriptTags 但它们加载脚本 我知道脚本可以更改页面的 DOM 但我需要将我的液体安装到产品详细信息页面 是否可以 我会将您的 Liquid 添加为新的片段资产 然后 可
  • 在集合页面 Shopify 中显示变体选项

    我知道这个问题在互联网上被问了数百万次 但似乎每个人都希望有一个有自己特色的解决方案 我找不到我真正需要的东西 因此 我使用此代码来显示我的收藏中的变体 然后添加到购物车
  • Shopify 购物车更改事件 - javascript

    当 Shopify 购物车发生更改时是否会触发一个事件 我可以每隔 x 秒刷新一次购物车 看看是否有什么变化 但基于事件的方法总是更好 虽然没有一站式 购物 呵呵 的方法 但这是可以做到的 在 Shopify 中 商品可以通过常规 HTML
  • 用于制作自定义支付网关的 Shopify 插件

    我想在shopify中制作自定义支付网关 以便哪种编程语言适合制作插件 并给出一些如何继续进行的提示 为了制作支付网关插件 我们必须使用公共应用程序还是私人应用程序 由于 Shopify 应用程序通过 REST 集成 因此您熟悉的任何应用程
  • Shopify API 订单查询参数的时区

    The Shopify 订单 API http api shopify com order html允许指定基于日期的查询参数 例如created at min 我想知道这些日期预计在哪个时区 如果您不提供时区 Shopify 将采用 UT
  • Web API 2 返回 OK 响应但继续在后台处理

    我已经为 shopify 创建了一个 mvc web api 2 webhook public class ShopifyController ApiController PUT api Afilliate SaveOrder Respon
  • Shopify 应用桥会话令牌在使用 vue.js 和 Axios 时遇到一些问题?

    我在制作 Shopify 应用程序 Vue js 作为前端和 laravel 作为后端时遇到一些问题 我正在使用 app bridge 生成会话令牌 它生成会话令牌正常 并且工作正常 直到重新生成会话令牌 重新生成会话令牌后 它会响应 会话

随机推荐

  • 无法保存 applicationHost.config 文件

    我无法保存 applicationHost config 文件 当我停止 IIS 服务并关闭 Visual Studio 时 它显示 保存失败 它在另一个程序中打开 知道吗 如果您使用 64 位架构并尝试使用 32 位编辑器 例如 Note
  • 将背景图像添加到各个片段

    我有一个应用程序有多个fragments我想知道如何添加每个不同的背景fragment 我使用的布局有可滚动选项卡 它们都使用相同的 xml 文件 我也有一个MainActivity设置视图和adapter对于每个fragment 我知道你
  • 将 ActiveRecord 验证错误转换为 API 可使用错误

    我正在 Rails 4 中编写一个非常标准的 CRUD RESTful API 不过 我在错误处理方面有所欠缺 假设我有以下模型 class Book lt ActiveRecord Base validates title presenc
  • 将 Kinect ColorImageFrame 转换为位图

    我将 Kinect Microsoft SDK 与 XNA 结合使用 我想使用 GRATF 进行标记识别 如何转换 Kinect 的数据ColorImageFrame to a System Drawing Bitmap or AForge
  • 使用 python (win32com.client) 将图像插入到 powerpoint 幻灯片中

    我的任务是在幻灯片中插入数百张图像并调整其大小 我需要使用与我们公司使用的其他幻灯片类似的特定源格式 我一直在使用活跃的 python win32com API 并且已经弄清楚如何打开文件并创建空白幻灯片 我的问题是我将如何插入图像并将其大
  • Fancybox 包装器无法根据图像尺寸正确自动调整大小

    我在使用 FancyBox 时遇到问题 它应该根据图像的尺寸自动调整包装器的大小 它不是这样做的 具体来说就是太小了 这是我使用的 FancyBox jQuery 代码 a rel photo gallery fancybox type i
  • 在QGraphicsView的ScrollHandDrag模式下,如何停止场景中QGraphicsItems的移动?

    我有多个QGraphicsItem场景中的内容分布在场景的不同部分 在应用程序中 有不同的模式 其中一种模式用户可以滚动场景 手掌拖动模式 为了实现场景I的滚动set dragMode of QGraphicsView to ScrollH
  • 无法识别已安装的项目特定的 nuget 包

    我有一个 Web 项目 由于 nuget 错误而无法构建 我们有许多网站都使用名为 Sitecore 的网络 CMS 我们不同的网站在不同的版本下运行 因此 我们有一个针对多个版本的通用库如此处所述 https stackoverflow
  • 本地图像在 React-Native 应用程序发布版本中不可见

    在我的反应本机应用程序中我有 src http postimg org image ak6w7cbk3 文件夹 其中包括Images文件夹和屏幕文件夹 Myscreens文件夹有各种成分我在哪里使用本地图像Images使用以下代码
  • 如何使用表单身份验证将用户重定向到密码恢复页面

    我是 asp net 的初学者 我目前有一个登录页面 屏幕底部有一个忘记密码链接按钮 我还使用表单身份验证来防止未经授权的用户访问其他页面 除了一件事之外 身份验证似乎工作正常 一旦用户单击链接按钮 它就会阻止用户访问密码恢复页面 如何允许
  • 可变数量的参数而不装箱值类型?

    public void DoSomething params object args 上述签名的问题在于 传递给该方法的每个值类型都将被隐式装箱 这对我来说是严重的性能问题 有没有办法声明一个接受可变数量参数而不装箱值类型的方法 Thank
  • jQuery 中的输入与 :Input

    我想知道为什么人们似乎更喜欢 input over input作为 jQuery 选择器 基本上 这两行似乎做了同样的事情 input first focus input first focus 但第二个版本使用更广泛 我不明白为什么 此外
  • 第三方脚本可以设置第一方 cookie 吗?

    我在网上阅读了很多有关 cookie 的内容 但没有解决这个问题 假设我在 a com 上有一台服务器 而 b com 提供的网页在我的服务器上的该网页中嵌入了一个脚本 该脚本在设置 cookie 方面可以做什么 它可以设置一个cookie
  • 需要特殊数组(线性场)的算法

    我有一个数组 线性场 与预先排序的数字 1 2 3 4 5 6 但这些数组向右移动 k次 now its 5 6 1 2 3 4 k 2 但我不知道k 只有数组A 现在我需要一个算法来找到 A 中的最大值 运行时间 O logn 我认为它是
  • Vue.js 单向绑定表单

    我是 Vue js 的新手 我正在尝试测试这个框架的一些功能 现在我正在测试输入表单 我想进行单向绑定 而不使用v model指令 但我找不到任何示例 有人可以帮助我吗 这是单向和双向绑定的示例 var V new Vue el vue i
  • 如何创建弹出菜单

    我是 javafx 的新手 我想在单击鼠标右键时显示 弹出菜单 我找到一个教程Here http pixelduke wordpress com 2011 12 11 popupmenu in javafx and Here http la
  • 应用默认样式和 onClick 更改按钮的样式 -Angular 4

    我有一个按钮 我想应用按钮的默认样式 当用户单击按钮时 将按钮样式颜色更改为红色 将背景颜色更改为白色 Blow 是我的 css 和组件 btn default color white background color blue btn c
  • 如何检查字符串列表是否存在于两个单独的文件中

    我有两个文件 文件 A 是 IP 地址列表 同一行上有相应的 MAC 地址 文件 B 是仅包含 MAC 地址的列表 我需要比较这两个文件并列出文件 A 中没有在文件 B 中找到的 MAC 地址的行 FILE A 172 0 0 1 AA B
  • 如何让IE10的边框折叠起来?

    有没有人遇到过在 IE10 中无法工作的表格边框折叠的解决方案 我在需要的地方使用了网站上的表格 并且它们在所有其他浏览器中显示良好 但从 IE 10 开始 边框太厚了 上面的问题可能已经有几个月了 但今天我遇到了同样的问题 并且认为我至少
  • Shopify 购物车更改事件 - javascript

    当 Shopify 购物车发生更改时是否会触发一个事件 我可以每隔 x 秒刷新一次购物车 看看是否有什么变化 但基于事件的方法总是更好 虽然没有一站式 购物 呵呵 的方法 但这是可以做到的 在 Shopify 中 商品可以通过常规 HTML