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

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

这个 tag 负责装载产品清单 <!-- Products list --> 准确日期:

<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> 未加载。