Введение
Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.Нет аналогов во всем рунете! Спустя долгое время исследований и разработки мы создали нечто совершенно новое, нечто невероятно удобное. Работает во всех контент-модулях uCoz. Интуитивно понятный интерфейс, максимальная простота исполнения и огромный функционал скрипта — выводят, всем привычный, процесс "подгрузки" страниц на совершенно новый уровень.
Теперь, после перехода по ссылке к материалу и последующему возврату к загруженным страницам – не нужно будет заново листать до места, на котором пользователь закончил свою активность. Даже если это была 190-я страница, можно спокойно нажать "назад" и все загруженное вновь вернется на свои места, что позволит вашим пользователям комфортно продолжить серфинг по каталогу, с того места, на котором они остановились.
Также ваши пользователи смогут очень быстро перемещаться на любую страницу при помощи "плавающей" панельки внизу сайта. Т.е. посетители смогут переходить с 10 стр. на 90, после вернуться к 68, и при всем этом не открытые страницы, для большего удобства, будут сложены в кнопки.
Если человек перешел по ссылке из вне, допустим на двадцатую страницу, то откроется двадцатая страница и над ней разместятся предыдущие стр. в свернутом виде. Это очень упростит пользование сайтом.
При первой подгруженной страничке, посетитель увидит краткое руководство пользования (можно убрать). После, эта инструкция появляться больше не будет.
Пользователь имеет возможность, в той же панели, скрипт отключить и пользоваться обычными кнопками. Ведь нам важно, чтобы каждый человек на сайте чувствовал себя комфортно.
Вы можете очень просто и быстро подстроить работу и внешний вид скрипта под себя. Он очень прост в установке, имеет тонкие настройки, а также API для тех кто имеет базовые знания javascript и хочет дополнить работу скрипта новыми действиями.
Скрипт очень функционален и работает практически во всех модулях:
- интернет магазин
- новости сайта
- каталог статей
- каталог файлов
- каталог сайтов
- доска объявлений
- блог
- фотоальбомы
- онлайн игры
- видео
А также работает:
- с фильтрами;
- в меню сортировки;
- при поиске;
- на страницах ТОПовых материалов.
Первый шаг: загрузка файлов
Перейдите в Панель управления » Файловый менеджер.
Теперь зайдите в папку jmlp и загрузите в эту папку все файлы из папки "файлы", которая расположена в архиве со скриптом.
Второй шаг: установка кода
В требуемых модулях, где вы хотите видеть автоподгрузку, в такие шаблоны как "Главная страница (модуля)", "Страница архива материалов", "Страница со списком материалов раздела", "Страница со списком материалов категорий" и "Каталог товаров":1. Вставьте этот код перед </head>
<link rel="stylesheet" href="/js/jmlp/style.css"> <script src="/js/jmlp/engine.js"></script> <script src="/js/jmlp/settings.js"></script>
2. Замените системную переменную $BODY$ на следующий код:
<div id="JMlistPages">
<div class="jmPgCont" id="jmPgCont-<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>" data-jmPgCont="<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>"><div class="pageTitleNum" id="pageTitleNum-<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>"><span class="pageTitleNumN">Страница: </span><span class="pageTitleNumI"><?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?></span></div><div pagenum="<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>" class="NextPage" id="pageNum-<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>">
<div id="JMPagesPreload">$BODY$</div>
</div></div>
<span class="NextPage"></span>
</div>
<script>$(document).ready(function() {JMPagesPreload({pagesSum:'$NUM_PAGES$',curpage:'<?substr($CURRENT_PAGE$,strpos($CURRENT_PAGE$,'">')+2, strpos($CURRENT_PAGE$,'</span>')-strpos($CURRENT_PAGE$,'">')-2)?>',module:'$MODULE_ID$',pageid:'$PAGE_ID$',uriid:'$URI_ID$'}) });</script>
3. Вставьте этот код перед </body>
<div class="JMlpBotPanel">
<div class="JMlpP"><div class="swchCirc"></div></div>
<div class="JMlpFPg">Перейти на <label class="jmpagesselectL"><select class="jmpagesselect"></select></label> стр.</div>
<div class="JMlpHelp"></div>
<div class="JMarrowUp"></div>
</div>
затем сохраните изменения.
Третий шаг: настройка и использование
Вся настройка происходит в файле settings.js, который мы загружали в файловой менеджер в папку «jmlp». Рассморим настройки.
opt['prePad']– настройка по регулеровке расстояния от низа страницы на котором начинать подгружать следующую страницу.opt['loadTime']– настройка по указанию таймаута загрузки страницы. В миллисекундах 1000 = 1 сек.opt['jsFiles']– настройка по подгрузки файлов .js (через запятую: ["ссылка","ссылка"])opt['showInst']– настройка по включению\отключению краткого руководства, когда страница подгружется первый раз. Принимаются значения true (включить) и false (отключить).opt['loading']– настройка по указанию анимации загрузки. Можно использовать как при CSS, так и обычной картинкой. При замене на свой код, сохраняйте класс — loadinggif.opt['lErrorTxt']– настройка по установке текста, при котором можно обновить страницу, если что-то пошло не так. При замене на свой код, сохраняйте классы jmlpRefBut refbut.opt['entColums']– настройка по указанию количества колонок для материалов. В основном для модулей "Фотографии" и "Онлайн-игры".opt['PTNRem']– настройка по удалению нумерации страниц при отключенной подгрузке страниц. Принимаются значения true (включить) и false (отключить).opt['stPrem']– настройка по удалению стандартных кнопок переключения страниц при работающей подгрузке страниц. Принимаются значения true (включить) и false (отключить).