如何在产品列表仍在 prestashop 中加载时显示加载图像

How to show loading image while product list still loading in prestashop

负责加载产品列表的文件是 product-list.tpl 我需要编辑 product-list.tpl (prestashop/modules/product-list.tpl) 以显示加载图像直到产品列表完全已加载。

负责加载位于 <!-- Products list --> 下的产品列表的 tag 正好在:

<ul{if isset($id) && $id} id="{$id}" {/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}{if isset($active) && $active == 1} active{/if} not-animated" data-animate="fadeInLeft" data-delay="200">
{foreach from=$products item=product name=products}
    {math equation="(total%perLine)" total=$smarty.foreach.products.total perLine=$nbItemsPerLine assign=totModulo}

完整代码在这里:uLb1Hkaf

我尝试了很多 JavaScript / jquery / ajax 方法,但没有成功。 所以大家请帮我添加 JavaScript / jquery / ajax 显示正在加载的图像,但仍然 <ul> 未加载。

有点乱。请重新格式化 & post 完整的代码快照。您可以做的一件事是,不要在页面加载时加载完整的产品列表;使用 ajax 加载它。 运行 一个 js 函数(为产品列表执行 ajax 代码)在页面完全加载后显示产品列表。在 ajax beforsend 方法中,您可以显示加载图像,直到生成产品列表。在 ajax 成功生成产品列表后,将其附加到 UL 标签。

好的,我用这个例子找到了解决方案 here

非常感谢大家。