Здравствуйте! наверняка вы заметили что на моём сайте появилась кнопка для подгрузки материалов которая работает не только на главной странице но и на страницах категорий .
Хотя это функция появилась не так давно на сайте но просьб поделиться данным решением я получил уже не мало, так что вот нашел время что бы выложить её на сайт для вас дорогие друзья!
О скрипте
Ну что тут можно сказать наверное о ом что я добавил вывод информации о том какая страница подгрузилась ну и сделал так что бы она работала и на страницах категорий а так больше и нечего по сути так как подобных скриптов в интернете не мало по этому предлагаю прекращать болтовню и приступить к установке а для тех кому интересно как это работает то смотрите на сайте
Установка
Для начала нам нужно выбрать модуль для которого вы хотите использовать данную кнопку а затем скопировать код ниже и зайти в админ панель управление дизайном нужный модуль главная страница и в места кода
$BODY$ внимание в место то есть заменяем его на код что представлен ниже
Код
<div id="contik">$BODY$</div>
<?if($PAGE_SELECTOR$)?><div class="paging-wrapper-bottom" id="selector">$PAGE_SELECTOR$</div><?endif?>
<script type="text/javascript">
if ($("#selector").find(".swchItem:contains('»')").text() == '»') {
$("#selector").after('<div id="nextCont"><div onclick="Conti.to();"><b>Подгрузить материалы</b></div></div>');
};
Conti = {
to:function(){
$("#nextCont div").html('<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>');
nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();
num = nextik.match(/\d/);
$.get('/load/0-'+num, function(next){
$("#contik").append('<div class="waaklistnum"><span>страница '+num+'<span></div>' + $("#contik", next).html() );
$("#selector").html( $("#selector", next).html() );
$("#nextCont").html('<div onclick="Conti.to();"><b>Подгрузить материалы</b></div>');
if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };
});
}
}
</script>
Ну и теперь нужно немного поправить скрипт под свой сайт а именно если вы выбрали не каталог файлов то вам нужно будет заменить ссылку в скрипти
/load/ на свой модуль
/publ/ каталог статей
/dir/ каталог сайтов
/board/ доска объявлений
/news/ новости сайта
/blog/ блог
/styff/ онлайн игры
ну и т.д.
ну и ещё один не менее важный момент это стрелочки
» если у вас как на маём сайте они заменены то в коде их тоже нужно заменить на то что у вас в моём случае надпись
ЕЩЁ Ну и теперь нам осталось подключить стили для того что бы номер страницы отображался как и у меня на сайте
Таблица стилей
копируем код ниже и добавляем его к себе в таблицу стилей в самый её конец
Код
.waaklistnum {
text-align: center;
width:98%;
overflow: hidden;
margin: 0 auto 30px;
}
.waaklistnum span {
position: relative;
}
.waaklistnum span:before {
display: block;
width:1000px;
content: '';
position: absolute;
border-bottom: 1px solid #c9c9c9;
top:50%;
right: 110px;
}
.waaklistnum span:after {
display: block;
width:1000px;
content: '';
position: absolute;
border-bottom: 1px solid #c9c9c9;
top:50%;
left: 110px;
}
Отлично не забываем сохранить!
Ну а теперь код для страницы категорий так же просто копируем и размещаем его Управление дизайном » Редактирование шаблонов нужный модуль Страница со списком материалов категории по такому же принципу как и верхний заменяем
$BODY$ Код
<div id="contik">$BODY$</div>
<?if($PAGE_SELECTOR$)?><div class="paging-wrapper-bottom" id="selector">$PAGE_SELECTOR$</div><?endif?>
<script type="text/javascript">
if ($("#selector").find(".swchItem:contains('»')").text() == '»') {
$("#selector").after('<div id="nextCont"><div onclick="Conti.to();"><b>Подгрузить материалы</b></div></div>');
};
Conti = {
to:function(){
$("#nextCont div").html('<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>');
nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();
num = nextik.match(/\d/);
$.get('/load/$CID$-'+num, function(next){
$("#contik").append('<div class="waaklistnum"><span>страница '+num+'<span></div>' + $("#contik", next).html() );
$("#selector").html( $("#selector", next).html() );
$("#nextCont").html('<div onclick="Conti.to();"><b>Подгрузить материалы</b></div>');
if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };
});
}
}
</script>
Так же не забываем внести правки как и в предыдущем варианте после сохраняем и готово!