Приветствую!
Подскажите, как реализовать такой же как у Вас на сайте «механизм» подгрузки контента при нажатии на кнопку (Загрузить ещё)?
Подгрузка контента
(обновлено: )
Если статья понравилась, то поделитесь ей в социальных сетях:
Комментарии (5)
Вы должны авторизоваться, чтобы оставлять комментарии.
Вот пример, как можно организовать подгрузку контента (всех тикетов) с помощи кнопки «Загрузить ещё»:
<div id="pdopage"> [[!+page.nav]] <div class="rows"> [[!pdoPage? &element=`getTickets` &action=`tickets` &tpl=`tpl.Tickets.list.row` &parents=`0` &limit=`5` &maxLimit=`5` &ajaxMode=`button` &nestedChunkPrefix=`tickets_` &ajaxTplMore=`@INLINE <button class="btn btn-default btn-more">Загрузить ещё</button>` ]] </div> </div><section class="s-yslygi inverse yslygi ha-waypoint" id="s-yslygi" data-animate-down="ha-header-show" data-animate-up="ha-header-hide" style="background-image: url(assets/app/img/fon_yslyg.jpg);"> <div class="wrapp"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Проводимая терапия</h2> </div> </div> <div class="row"> <div class="col-md-12"> <ul class="ajax-container"> [[!pdoPage? &element=`getTickets` &action=`tickets` &nestedChunkPrefix=`tickets_` &parents=`20` &depth=`0` &tpl=`ysItem` &includeTVs=`image, opisanie_v, cenays, scidca` &processTVs=`image, opisanie_v, cenays, scidca` &limit=`6` &ajaxMode=`button` &ajaxTplMore=`@INLINE <button class="btn btn-default btn-more">Загрузить ещё</button>` ]] </ul> </div> </div> <div class="row"> <div class="col-md-12"> <div class="welcome-boton"> [[!+page.nav]] </div> </div> </div> </div> </div> </section>Спасибо, всех благ!
P.S.
Неплохой тутор получился бы в коллекцию уроков Вашего сайта.