<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title><![CDATA[Форум ReadyScript &mdash; Сделайте, пожалуйста, Lazy loading]]></title>
		<link>https://forum.readyscript.ru/topic/876/sdelaite-pozhaluista-lazy-loading/</link>
		<atom:link href="https://forum.readyscript.ru/feed/rss/topic/876/" rel="self" type="application/rss+xml" />
		<description><![CDATA[Недавние сообщения в теме «Сделайте, пожалуйста, Lazy loading».]]></description>
		<lastBuildDate>Tue, 15 Sep 2020 05:02:05 +0000</lastBuildDate>
		<generator>PunBB</generator>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/11276/#p11276</link>
			<description><![CDATA[<p>Здравствуйте, подскажите как реализовать подгрузку фильтра при lazyload, сейчас все работает, но при смене фильтра подгрузка сбивается</p><p>код такой:</p><p>&lt;div data-url=&quot;{$router-&gt;getUrl(&#039;catalog-front-listproducts&#039;, [&#039;category&#039;=&gt;$category.alias, &#039;p&#039; =&gt; $paginator-&gt;page+1])}&quot; class=&quot;paginator_showMoreRow rs-ajax-paginator link&quot;&gt;Показать ещё&lt;/div&gt;</p>]]></description>
			<author><![CDATA[null@example.com (Илья)]]></author>
			<pubDate>Tue, 15 Sep 2020 05:02:05 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/11276/#p11276</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/9031/#p9031</link>
			<description><![CDATA[<p>Плагин всё сам разрулит. Нужно просто в список товаров его вставить.</p>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Thu, 16 Aug 2018 15:18:10 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/9031/#p9031</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/9024/#p9024</link>
			<description><![CDATA[<p>Так в итоге как решение выглядит если с фильтром подружить?</p>]]></description>
			<author><![CDATA[null@example.com (Александр Б)]]></author>
			<pubDate>Mon, 13 Aug 2018 10:47:28 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/9024/#p9024</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/6460/#p6460</link>
			<description><![CDATA[<p>Речь идёт о том, что кнопка на которую навешено событие подгрузки, теряет событие, т.к. контент заменятся&nbsp; полностью и собтие прокрутки не навешивается. Т.е. нужно заново навести на кнопку инициализация плагина jquery.ajaxpagination.js</p>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Thu, 16 Mar 2017 07:51:16 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/6460/#p6460</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/6455/#p6455</link>
			<description><![CDATA[<p>Александр, а можно подробнее. Столкнулся с такой же проблемой, что если включен фильтр. То подгрузка не работает. </p><p>//Инициализируем обновляемые зоны<br />$(window).bind(&#039;new-content&#039;, function(e) {<br />&nbsp; &nbsp; //Нужный мне навешиваемый код на элементы.<br />});</p><p>Не совсем понял вот по этому коду.</p>]]></description>
			<author><![CDATA[null@example.com (Ренат)]]></author>
			<pubDate>Wed, 15 Mar 2017 11:35:50 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/6455/#p6455</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/5937/#p5937</link>
			<description><![CDATA[<p>При включённом фильтре надо заново цеплять lazy load, т.к. там элементы заменяются на новые, на которые ещё ничего не подвешено в Вашем случае. Вешаться можно на событие <strong>&#039;new-content&#039;</strong>, оно срабатывает когда фильтр обновляет содержимое.<br /></p><div class="codebox"><pre><code>//Инициализируем обновляемые зоны
$(window).bind(&#039;new-content&#039;, function(e) {
    //Нужный мне навешиваемый код на элементы.
});</code></pre></div>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Thu, 02 Feb 2017 07:50:49 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/5937/#p5937</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/5935/#p5935</link>
			<description><![CDATA[<p>наконец-то смог проверить ajax-пагинацию, <br />вроде пагинация заработала по предложенному способу... только почему-то при открытии страницы с каталогом сразу очень много позиций подгружается (по ощущениям, сразу по сотне или даже больше), при прокрутке они еще подгружаются (хотя, это может мне кажется, потому что на других сайтах момент подгрузки виден, когда листаешь страницу и подходишь к ее нижней части, а тут подгружаться начинают сразу после открытия (это видно по скролл-бару браузера - он начинает как сумасшедший двигаться). может это связано с тем, что кнопка &quot;еще&quot; находится вверху страницы, а не внизу ??</p><p>также при включенном фильтре (напр., при отображении по определенному бренду) lazy loading перестает работать, то есть доходишь до низа страницы и все останавливается (хотя позиций больше, чем на одну страницу)</p><p>при сбросе фильтра, ajax также перестает работать. работать начинает только после перезагрузки страницы (и так по кругу)</p><div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Есть плагин ajaxPagination, который можно внедрить, например как здесь <a href="http://instrument-krasnodar.ru/catalog/garazhnoe-oborudovanie-i-specinstrument/">http://instrument-krasnodar.ru/catalog/ … nstrument/</a></p></blockquote></div><p>на выше приведенном сайте все работает, как надо, и подгружаться начинает при приближении к нижней части экрана, и при включенных фильтрах все скроллится тоже как надо...</p>]]></description>
			<author><![CDATA[null@example.com (Олег)]]></author>
			<pubDate>Thu, 02 Feb 2017 00:50:37 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/5935/#p5935</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4485/#p4485</link>
			<description><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Теперь дело за инициализацией в шаблоне. Открываем <strong>list_products.tpl</strong> в Вашей теме.</p><div class="codebox"><pre><code>&lt;div class=&quot;products-list&quot;&gt;
//Здесь элементы каталога товаров.

&lt;/div&gt;
//А здесь пагинация кнопкой</code></pre></div></blockquote></div><p>Для новой версии тем изменения нужно вносить в list_products_items.tpl</p><p>приписываем класс<br /></p><div class="codebox"><pre><code>&lt;ul class=&quot;products products-list&quot;&gt;</code></pre></div><p>и тут<br /></p><div class="codebox"><pre><code>&lt;table class=&quot;productTable products-list&quot;&gt;</code></pre></div>]]></description>
			<author><![CDATA[null@example.com (Андрей)]]></author>
			<pubDate>Wed, 07 Sep 2016 05:58:04 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4485/#p4485</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4471/#p4471</link>
			<description><![CDATA[<div class="quotebox"><blockquote><p>Спасибо, буду пробовать.<br />Единственное, я не понял, в вашем случае пагинация активируется кнопкой &quot;Показать еще&quot; или же прокруткой содержимого вниз?<br />Или clickOnScroll именно за это и отвечает?</p></blockquote></div><p>Кнопка есть всегда, но благодаря clickOnScroll, её нажатие происходит автоматически при прокрутке вниз. Кнопка нужна. Т.к. если не будет интернета. Ничего не подгрузить, но кнопка останется.</p>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Mon, 05 Sep 2016 13:28:49 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4471/#p4471</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4470/#p4470</link>
			<description><![CDATA[<p>Спасибо, буду пробовать.<br />Единственное, я не понял, в вашем случае пагинация активируется кнопкой &quot;Показать еще&quot; или же прокруткой содержимого вниз?</p><p>Или clickOnScroll именно за это и отвечает?</p>]]></description>
			<author><![CDATA[null@example.com (Олег)]]></author>
			<pubDate>Mon, 05 Sep 2016 12:24:15 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4470/#p4470</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4468/#p4468</link>
			<description><![CDATA[<p>Ну во первых в <strong>layout.tpl</strong> Вашей темы нужно добавить скрипт <strong>jquery.ajaxpagination.js</strong><br /></p><div class="codebox"><pre><code>{addjs file=&quot;jquery.ajaxpagination.js&quot;}</code></pre></div><p>Потом убедиться что у Вас есть js файл в папке <strong>/templates/Ваша тема/resourse/js/jquery.ajaxpagination.js</strong><br />Если нет, то переносим из <strong>/templates/.default/resourse/js/jquery.ajaxpagination.js</strong></p><p>Теперь дело за инициализацией в шаблоне. Открываем <strong>list_products.tpl</strong> в Вашей теме.<br />Убираем строку с пагинацией.<br /></p><div class="codebox"><pre><code>{include file=&quot;%THEME%/paginator.tpl&quot;}</code></pre></div><p>Вместо неё создаёт кнопку &quot;Показать ещё&quot; с настройками:<br /></p><div class="codebox"><pre><code>{if $paginator-&gt;total_pages &gt; $paginator-&gt;page}
        &lt;div class=&quot;wrapper-space&quot;&gt;&lt;/div&gt;
        &lt;div data-pagination-options=&#039;{ &quot;appendElement&quot;:&quot;.products-list&quot; , &quot;clickOnScroll&quot;:true }&#039; href=&quot;{$router-&gt;getUrl(&#039;catalog-front-listproducts&#039;, [&#039;query&#039;=&gt;$query, &#039;category&#039;=&gt;$category.alias,&#039;p&#039; =&gt; $paginator-&gt;page+1])}&quot; data-href=&quot;{$router-&gt;getUrl(&#039;catalog-front-listproducts&#039;, [&#039;query&#039;=&gt;$query, &#039;category&#039;=&gt;$category.alias,&#039;p&#039; =&gt; $paginator-&gt;page+1])}&quot; class=&quot;more onemoreEmpty margin-top ajaxPaginator&quot;&gt;
            &lt;div class=&quot;icon&quot;&gt;&lt;/div&gt;
            еще
        &lt;/div&gt;
    {/if}</code></pre></div><p>Ключевым здесь является класс <strong>ajaxPaginator</strong>. Т.к. именно по нему отрабатывает пагин. <br />У самой кнопки есть настройки&nbsp; <br /></p><div class="codebox"><pre><code> &quot;appendElement&quot;:&quot;.products-list&quot; , &quot;clickOnScroll&quot;:true</code></pre></div><p>где <strong>appendElement</strong> - это класс который будет заменять внутреннее содержимое подгруженной страницы. Т.к. возвращается вся страница, а заменена будет только 1 часть.&nbsp; Например<br /></p><div class="codebox"><pre><code>&lt;div class=&quot;products-list&quot;&gt;
//Здесь элементы каталога товаров.

&lt;/div&gt;
//А здесь пагинация кнопкой</code></pre></div><p><strong>clickOnScroll</strong> - использовать автопрокрутку или нет (true/false).</p>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Mon, 05 Sep 2016 12:13:09 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4468/#p4468</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4465/#p4465</link>
			<description><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Если нужно могу технически подсказать как сделать. Там ничего сложного.</p></blockquote></div><p>Если ничего сложного, то подскажите, думаю, многим интересно и полезно будет.<br />Только, если можно, с упором на тех, кто в вашей системе не совсем еще разбирается.<br />Ведь то, что для вас &quot;просто&quot;, то для некоторых - просто лес дремучий. <br />Заранее благодарен.</p>]]></description>
			<author><![CDATA[null@example.com (Олег)]]></author>
			<pubDate>Mon, 05 Sep 2016 09:44:03 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4465/#p4465</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4462/#p4462</link>
			<description><![CDATA[<div class="quotebox"><cite>Олег пишет:</cite><blockquote><p>Подскажите, планируется ли сделать подгрузку каталога товаров с помощью Lazy loading, то есть, когда каталог товаров размещается на одной странице, а при перемотке вниз автоматически подгружается контент из следующей страницы. Делается, видимо, это с помощью AJAX и используется на множестве современных сайтов, начиная от facebook и vk и заканчивая магазинами на shop-script. User Experience от этого сильно вырос бы, а&nbsp; нагрузка на сервер снизилась.</p></blockquote></div><p>Пока не планируется. Но это легко сделать у нас. Есть плагин ajaxPagination, который можно внедрить, например как здесь <a href="http://instrument-krasnodar.ru/catalog/garazhnoe-oborudovanie-i-specinstrument/">http://instrument-krasnodar.ru/catalog/ … nstrument/</a></p><p>Сам плагин лежит в теме по умолчанию <strong>/templates/.default/resourse/js/jquery.ajaxpagination.js</strong><br />Если нужно могу технически подсказать как сделать. Там ничего сложного.</p>]]></description>
			<author><![CDATA[null@example.com (Закусило Александр)]]></author>
			<pubDate>Mon, 05 Sep 2016 08:07:54 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4462/#p4462</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4460/#p4460</link>
			<description><![CDATA[<div class="quotebox"><cite>Ярослав пишет:</cite><blockquote><p>Мне нравится реализация яндекс.маркет. Когда и постраничная навигация сохранена и есть подгрузка. <br />Реализация ДНС без постраничной очень неудобна.</p></blockquote></div><p>Возможно, для многостраничных списков это действительно удобно.<br />Если товаров 3-5 страниц - разницы нет, но, пожалуй, на длинных списках можно замучаться мотать.<br />Хотя, некоторые товарищи говорят, что покупатели редко дальше пятой страницы заходят</p>]]></description>
			<author><![CDATA[null@example.com (Олег)]]></author>
			<pubDate>Mon, 05 Sep 2016 00:18:52 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4460/#p4460</guid>
		</item>
		<item>
			<title><![CDATA[Re: Сделайте, пожалуйста, Lazy loading]]></title>
			<link>https://forum.readyscript.ru/post/4459/#p4459</link>
			<description><![CDATA[<p>Мне нравится реализация яндекс.маркет. Когда и постраничная навигация сохранена и есть подгрузка. <br />Реализация ДНС без постраничной очень неудобна.</p>]]></description>
			<author><![CDATA[null@example.com (Ярослав)]]></author>
			<pubDate>Sun, 04 Sep 2016 08:44:27 +0000</pubDate>
			<guid>https://forum.readyscript.ru/post/4459/#p4459</guid>
		</item>
	</channel>
</rss>
