【问题标题】:AJAX issue with WooCommerce add to basketWooCommerce 的 AJAX 问题添加到购物篮
【发布时间】:2014-07-03 20:25:39
【问题描述】:

我现在使用 WooCommerce 几乎完成了一个网站,一切似乎都按我的意愿工作,除了一件事。

我的主页上有一些产品与商店中的每个产品使用相同的代码。当您单击“添加到购物篮”时,AJAX 会触发并将它们添加到购物篮,但是缺少让您知道正在发生的事情的动画。

当您进入商店并将产品添加到购物篮中时,动画会生效,然后会有一个勾号,因此您知道该产品已成功添加 - 这不会发生在主页上。

我已经仔细检查了主页上的产品是否具有“product_type_simple”类,如果它是一个简单的产品(也有一些我知道它不应该适用的变体)并且它们具有数据属性“data_product_id” .没关系。

我确定我错过了一些非常明显的东西,但我看不出动画为什么不起作用,并且控制台日志中没有错误表明 AJAX 存在问题。

该网站是:http://telford-webdesign.co.uk/我希望有人能指出我错过了什么!

提前致谢:)

科斯蒂

【问题讨论】:

  • 嗨,Kirsty,这可能是您正在发出 AJAX 请求,然后是 GET 到另一个页面。当浏览器开始获取下一页时,javascript 等停止运行,直到新页面出现加载。也许这就是问题所在?
  • 您好约翰,感谢您的回复。有些产品有变化,在这种情况下,我不希望动画适用于这些产品,因为您需要转到完整产品才能选择您的选项。主页上有一些“简单”的产品应该在按钮上有动画但没有。

标签: ajax wordpress woocommerce


【解决方案1】:

感谢 Twitter 的一位聪明人,我设法解决了这个问题。

我需要做的就是将“.woocommerce”类添加到我的主页模板中。我将它添加到我的主容器类中并修复了它。 :)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-06-05
    • 2015-08-18
    • 1970-01-01
    • 2018-08-26
    • 2012-03-02
    • 2016-05-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多