Виджет-кнопка прокрутки страницы вверх/вниз

Виджет-кнопка для InstantCMS 2.x

 
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Здравствуйте любители InstantCMS!

По совету Олег Васильевич я, я разместил несколько компонентов (точнее виджетов) для InstantCMS 2.x в разделе Дополнения. Но проверка модератором занимает очень много времени. Поэтому решил публиковать свои наработки в форуме, а когда r2 сделает новый магазин раздел дополнений для iCMS 1.x и 2.x перенесу все наработки в него.

В моем предыдущем посте Автоподгрузка страниц iCMS2 прозвучала мысль от qwest'а:
qwest:
...к ней комплектом кнопку "Вверх" наверное надо прикрутить.
и хоть тема уже поднималась наверное множество раз и на просторах интернета хватает готовых решений, я решил написать еще одно, но адаптированное непосредственно для InstantCMS 2.x

Особенностью данной "пимпы" является следующее её поведение: если пользователь прокрутил страницу, например до середины, и нажал на кнопку, то страница проскроллится вверх. При этом кнопка запоминает место откуда её нажали, и, при повторном нажатии сверху страницы, возвращает читателя к месту откуда начинался скролл (в нашем случае это середина страницы).

Внешний вид настраивается с помощью файла CSS (идет в комплекте) и заменой дефолтной картинки ..\templates\default\images\updownscroll.png.

Устанавливается кнопка стандартным для Instant'а 2 методом, через инсталляцию новых компонентов и выбора установочного пакета. Подробнее можно посмотреть здесь с 15-ой минуты.

После завершения процесса установки в разделе Виджеты панели управления в подразделе Общие появится виджет "Скролл Вверх/Вниз", который необходимо перетащить в любое место на схеме разметки вашего сайта. При этом кнопка будет отображаться как ей сказано в файле CSS (по умолчанию в левом верхнем углу). Соответственно, если мы хотим видеть кнопку на каждой странице сайта, нужно бросить ее в раздел СистемныеВсе страницы.

У кого будут вопросы, с радостью постараюсь на них ответить!
Прикрепленные файлы:
updownscrollinstall_4e29a.zip | 25.16 Кб | Скачали: 388
Редактировалось: 1 раз (Последний: 6 августа 2014 в 09:16)
Посетитель
small user social cms
Медаль
Сообщений: 228
Подскажите, а для 1.10.х есть решение? можете выложить, пожалуйста?
Реклама
cms
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
ValeraK:
Подскажите, а для 1.10.х есть решение? можете выложить, пожалуйста?
В целом вариантов исполнения, особенно для первой ветке инстанта, множество и на этом сайте и в сети в целом. Сегодня вечером поставлю 1.10.4 постараюсь переделать для этой версии. Позже тогда выложу в этой теме.
Посетитель
small user social cms
Медаль
Сообщений: 228
Val, спасибо думаю пригодиться многим)
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Вот ссылка на скачивание кнопки Вверх/Вниз. Реализовано в виде модуля для InstantCMS 1.10.4. На более ранних версиях работоспособность не проверялась, у кого есть возможность посмотреть, прошу отписаться фунциклирует или нет ))

Установка:
1. Копируем папки в корень сайта.
2. В Панели управления заходим "Модули -> Установить модули".
3. Следуем инструкциям...
4. После установки открываем редактор модуля (нажимаем иконку карандаша на против модуля UpDownScroll).
5. Подключаем модуль к необходимым страницам (например устанавливаем галочку "Показывать на всех страницах сайта")
6. Проверяем что Шаблон модуля установлен в "module_simple.tpl"
7. Жмём кнопку "Сохранить" и проверяем работоспособность пимпы =)

Внешний вид кнопки настраивается с помощью редактирования файла ..\templates\_default_\css\updownscroll.css
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2818
И для чего это "пимпу" модулем делать? shock
Инструкции что и где прописать и какие файлы куда залить разве не достаточно?
Украинский для инстант
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
В целом можно (и даже быстрее бы в разработке получилось). Там всего-то добавить одну html строку и присоединить к ней скрипт. Но если заставлять пользователя все делать ручками, то получается что-то на подобии хака для системы, а это не есть гуд =)) IMHO.
Честно сказать с первой веткой инстанта я мало знаком, или почти незнаком. Поэтому вчера часа два сидел и разбирался что к чему там все, и между плагином и модулем остановился на последнем, и то из-за того, что нашел похожее дополнение в виде модуля.
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Тема перенесена сюда.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: