在 prestashop 中添加 AJAX 加载器 gif

Question

我有两个关于 prestashop 的问题。

1) 如何在 prestashop 中为 ajax 调用添加 ajax 加载程序图像？

2) 我可以通过将一些代码放在一个地方来为 prestashop 中的每个 ajax 调用添加一个 AJAX 加载器图像吗？

我是 prestashop 的新手，所以请原谅我的幼稚问题。

Answer 1

您可以添加此脚本，它将监听所有 AJAX 调用

//listen to ajax start event
$( document ).ajaxStart(function() {
  $('#my_loader').fadeIn();
});

//listen to ajax complete event
$( document ).ajaxComplete(function() {
  $('#my_loader').fadeOut();
});

你的加载器html应该是这样的

<img id="my_loader" src="..." />

在 prestashop 中添加 AJAX 加载器 gif

Add AJAX loader gif in prestashop

ajax

prestashop