Как показать изображение загрузки, пока список товаров все еще загружается в prestashop - PullRequest
Новая
       5

Как показать изображение загрузки, пока список товаров все еще загружается в prestashop

0 голосов
/ 04 июня 2018

Файл, который отвечает за загрузку списка продуктов, является 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> не загружен.

Ответы [ 2 ]

0 голосов
/ 05 июня 2018

Хорошо, ребята, я нашел решение, используя этот пример здесь .

Большое спасибо за все.

0 голосов
/ 04 июня 2018

это немного грязно.Пожалуйста, переформатируйте и отправьте полную копию вашего кода.одно, что вы можете сделать - вместо загрузки полного списка продуктов при загрузке страницы;загрузить его с помощью AJAX.Запустите функцию js (чтобы выполнить код ajax для списка продуктов) после полной загрузки страницы для отображения списка продуктов.В методе ajax beforsend вы можете показать загрузочное изображение, пока не будет создан список продуктов.После успешного создания списка продуктов в ajax добавьте его в тег UL.

...