Вместо стандартной пагинации будет кнопка "показать еще", которая по нажатии аяксом подгрузит контент и добавит ниже основного
Открываем navigation.tpl
заменяем все на: (кому нужна старая пагинация просто вставьте ниже, или закомментируйте)
затем открываем ваш JS файл со скриптами
вставляем в самый низ:
где .content - блок с контентом, замените под свой шаблон.
P.S. Кому нужен стиль
в самый низ основного CSS вставьте
--
Стоит на DLE 11.
Открываем navigation.tpl
заменяем все на: (кому нужна старая пагинация просто вставьте ниже, или закомментируйте)
Код:
<div class="pages" style="left: 0;right: 0;margin: 0 auto;width: 130px;">
<a onclick="nextPage();" style="cursor: pointer;text-shadow:none;">
Показать еще</a></div><div id="next-page" style="display: none;">
[next-link][/next-link]</div>вставляем в самый низ:
Код:
function nextPage() { var nextPage = $('#next-page a').attr('href'); ShowLoading("");
if (nextPage !== undefined) { $.ajax({ url: nextPage, success: function(data)
{ $('.navigation').remove();$('#next-page').remove(); $('.pages').remove(); $('#next-page').remove(); HideLoading("");
$('.content').append($('.content', data).html()); } }) } };P.S. Кому нужен стиль
в самый низ основного CSS вставьте
Код:
.pages a {
background: linear-gradient(0deg, #f8f8f8 0%, #fff 100%);
padding: 5px 10px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
color: #181818;
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.1);
}Стоит на DLE 11.
Последнее редактирование:
