Question

我想在选择不同的产品版本时删除默认的WordPress woocommerce购物车向下滑动。

正如您在this page上看到的那样当你选择任何变化价格和添加到购物车按钮向下滑动，我想保持它总是扩展，基本上删除动画。

据我所知，所有主题都是这样的。

感谢。

Answer 1

我也想禁用此动画。幸运的是，有一些自定义事件是在动画发生时触发的，所以我能够取消动画并只显示/隐藏变化价格：

为价格变动禁用动画：

$(document).on('show_variation', '.cart.variations_form', (e) => {
  let hasText = !!$.trim($('.woocommerce-variation.single_variation').text())
  $('.woocommerce-variation.single_variation').stop().removeAttr('style').toggle(hasText)
}).on('hide_variation', (e) => {
  $('.woocommerce-variation.single_variation').stop().hide()
})

始终显示价格要困难一点，因为在选择了变体之前，整个元素都是空的。一种选择是将常规价格块（“ 49.99英镑– 99.95英镑”）与变化价格一起向下移动（通过删除PHP remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10)中的操作并将其重新添加到其他位置。然后，您可以切换此价格块Javascript中基于价格变动块的可见性。

WordPress删除Woocommerce变异动画向下滑动

1 个答案: