如何在Shopify Ajax购物车更新上运行Javascript事件？
在Shopify上实现Ajax购物车更新并运行Javascript事件的方法如下：
- 首先，确保你已经在Shopify主题中启用了Ajax购物车功能。这可以通过在主题设置中查找“使用Ajax购物车”选项来完成。
- 在你的主题文件中，找到处理购物车更新的Javascript代码的位置。通常，这个代码位于theme.js或类似的文件中。
- 在购物车更新的Javascript代码中，你可以使用Shopify提供的API来执行各种操作，例如添加商品到购物车、更新购物车数量、删除购物车中的商品等。以下是一些常用的API：
Shopify.addItem()：将商品添加到购物车。Shopify.changeItem()：更新购物车中商品的数量。Shopify.removeItem()：从购物车中删除商品。
- 在Ajax购物车更新的Javascript代码中，你可以根据需要执行其他自定义操作。例如，你可以更新购物车图标上显示的商品数量，显示购物车中的商品列表，或者显示购物车总价等。
- 如果你需要在购物车更新后执行其他Javascript事件，可以使用Shopify提供的回调函数。以下是一些常用的回调函数：
Shopify.onItemAdded()：当商品成功添加到购物车时触发。Shopify.onCartUpdate()：当购物车更新时触发。Shopify.onCartShippingRatesUpdate()：当购物车中的配送方式更新时触发。
- 在回调函数中，你可以编写自定义的Javascript代码来执行其他操作。例如，你可以显示一个弹出窗口来提示用户购物车已更新，或者跳转到结账页面等。
总结起来，要在Shopify上实现Ajax购物车更新并运行Javascript事件，你需要在主题文件中找到购物车更新的Javascript代码位置，使用Shopify提供的API执行购物车操作，使用回调函数执行其他自定义操作。这样可以实现购物车的实时更新和其他交互效果。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我试图在我的Shopify产品页面中添加一小行，它将显示客户当前在他/她的购物车中的金额，并自动显示客户是否有资格享受免费送货，以及达到免费送货所需的金额。我做了一些阅读，并重新启动了它，因为这个购物车在一个叫做AJAX的东西上工作。 我不是程序员或开发人员，我只是一个网站所有者，我几乎没有编码知识。我只是在谷歌上搜索解决方案，然后复制、粘贴和修改代码，以获得我想要的效果。但这真的把我难住了，所以如果有人能帮我的话我会很感激！ 提前谢谢你！document.getElementById(&quo
浏览 22提问于2019-01-11得票数 1
回答已采纳
1回答
在脚本标记中，我添加了以下代码： console.log(line_item.title + ' was addedto your shopping cart.');因此，每当产品被添加到购物车时，我就会得到回调。
浏览 0提问于2018-07-02得票数 0
回答已采纳
是否有在shopify购物车更改时触发的事件。我可以每隔x秒刷新一次购物车，看看是否有什么变化，但基于事件的方法总是更好。
浏览 4提问于2014-05-06得票数 3
回答已采纳
我不太熟悉AJAX/Javascript，所以我很难做一些简单的事情。 {my_button.on('click',function(){ dataType: 'json',
浏览 4提问于2013-10-05得票数 0
我有一个服务器端的"cart“变量，在单击按钮时通过AJAX调用进行更新(如果重要的话，我使用Shopify，但我觉得这是一个一般性问题)。一旦购物车发生变化，我将使用AJAX重新加载div。我遇到的问题是：
根据具体的时间，可能每10次重新加载中就有1次使用旧的购物车数据，因为购物车的更改还没有在服务器上注册。of
浏览 1提问于2018-06-11得票数 0
在shopify PLUS商店上，我试图在送货方法select页面上自定义checkout.liquid，到目前为止还不错，但是我的脚本只有在刷新之后才能工作。这可能是因为我的脚本在传送方法全部加载之前运行：
有什么事件我可以监听，它告诉我所有的装载方法已经加载了吗？我尝试使用shopify.onCartupdate事件，因为一旦加载了配送方法，默认情况下第一个方法将应用于签出(添加到签出总数中)，但不幸的是，可能从逻辑上讲，签出不会更新配送方法的<e
浏览 0提问于2018-10-14得票数 1
1回答
我试图向shopify添加一个项，而不使用以下任何页面刷新或重定向： type: 'POST',
url: 'https://我意识到并没有真正的官方的shopify javascript，而且它们似乎真的不允许您在不刷新页面或重定向的情况下远程向购物车添加内容。听着，一种可能是在网站“本地”上创建一个“模拟”购物车，然后将它发送到一个请求中，然
浏览 1提问于2015-01-29得票数 0
很抱歉，在我意识到你已经将这种类型的问题转移到stackoverflow之前，我在google组中发布了这篇文章
我正在开发一个基于shopify的电子商务组件的web应用程序，作为我们客户的白标产品。我们的每个客户都将有一个单独的shopify商店。我们有一个web界面，允许我们的客户创建产品，我们使用shopify api通过应用程序在他们的商店中创建产品。到目前为止，我们的计划是在我们的网站上提供一个带有“立即购买”按钮的产品列表，该按钮可以将产品添加到商店的购物车中，然后引导用户使用Shopify
浏览 2提问于2012-06-28得票数 1
回答已采纳
1回答
我有以下问题：
我对Java和JavaScript的会话是个新手。我有一个用于我的购物卡的iframe，一个用于我的网上商店的内容。我有一些文章可以作为会议的一部分放入购物卡中。如何编写脚本，自动看到我在购物卡iframe中的购物卡上放了一篇新文章？
浏览 1提问于2015-05-03得票数 2
3回答
我目前正在使用PHP中的一个应用程序，在那里我需要维护一个购物车。一切都很顺利。
在Java中，SessionListe
浏览 4提问于2012-04-21得票数 0
当有人点击“添加到购物车”，用户将被引导到购物与他们的产品信息，该产品将被添加到购物车(没问题，所以far...got完成这一点)。当他们点击返回他们的浏览器返回到网站(因此离开购物车)，我需要能够在标题中显示网站上的产品信息。比如"5个产品|168.00美元“之类的东西...基本上，允许站点访问者(不在shopify中，而是在我们构建的HTML站点中)查看购物车中的值，然后随时结帐或查看购物车。
浏览 0提问于2012-04-27得票数 3
1回答
B测试，使用java .we的optimizely sdk库在优化ui中有实验设置，我们调用activate方法进行实验和用户id来获得变化.since这个服务器端设置，我们看不到像添加的产品，添加到购物车的指标在优化如何在optimizely ui中记录这些指标？任何建议都会很有帮助。
浏览 21提问于2019-12-11得票数 0
回答已采纳
我想在订单取消事件上设置一个Shopify Web钩子，该事件将导致运行一些javascript代码.在这个特殊情况下，我想发送一个负面事务到Google ，以便在取消订单时删除事务(如这里所描述的： )有什么办法让我做到这一点吗？
浏览 8提问于2014-01-04得票数 2
回答已采纳
1回答
例如，假设有购物车，用户必须输入他们的信息，对吗？所以我输入了我的名字，我会说，哦，我忘了添加东西，然后转到不同的页面，将更多的商品添加到购物车中。当用户返回时，数据仍将保存在文本框中。
浏览 0提问于2020-04-03得票数 0
2回答
我想在MVC5中使用ajax单独重新加载部分视图。shopping_cart pull-right"> </div>
从购物车控制器视图购物车返回实际上，我将更新的项目返回到局部视图。但是它不会渲染更新后的视图。特定的div不会重新加载。<script
浏览 0提问于2017-05-12得票数 0
1回答
如何解除这段jquery的绑定？
、、、、
我的Shopify商店使用Ajax调用将产品添加到购物车中，并使用jQuery更新前端。我最近安装了，但这带来了一些问题。当滚动到由无限ajax -滚动加载的产品，然后单击add to cart按钮时，ajax调用& jQuery更新不再工作，它将我重定向到购物车页面。我通过重新初始化jQuery代码来解决这个问题，该代码使用无限ajax-涡旋的事件来“使商店长成”。但是现在，当滚动到由无限ajax<
浏览 3提问于2014-10-18得票数 0
回答已采纳
1回答
问题在于事件侦听器。每当我刷新页面或转到不同的页面时，红宝石代码就会被执行，我的购物车就会被清除。有人有什么想法吗？即使我更改js使其无效，ruby也会被执行，您也能解释这一点吗？',function(){ } </form>
编辑:我最后所做的只是为购物车创建一个新的视图页面
浏览 1提问于2017-04-09得票数 0
回答已采纳
我尝试使用以下代码(我已经在shopify外尝试过并运行)来使用以下代码将浮动框加载到shopify页面上，但如何在shopify上实现这一点是我的主要问题。<script type="text/javascript" src="http://ajax.googleapis.com/ajax
浏览 0提问于2012-07-08得票数 1
1回答
为什么它在没有被调用的时候添加
、、、、
我构建了一个JavaScript代码来制作购物车，但是即使我不点击它，这个代码也会运行： var sessionDivId = document.getElementById
浏览 2提问于2015-09-04得票数 0
回答已采纳
2回答
我正在使用Shopify作为我的商店页面销售物品，与混合面板集成跟踪用户在整个采购过程。与4个不同的事件:产品查看，添加到购物车，开始检查和订单完成。在附加内容和脚本部分(以及start Mixpanel代码)中有以下代码：mixpanel.track("Checkout",)
mixpanel.people.track_charge({{ total_price | money_wit
浏览 5提问于2015-01-26得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
