Здравствуйте любители InstantCMS!
В обсуждении темы на форуме Автоподгрузка страниц iCMS2 прозвучала мысль от qwest'а:
еще один велосипед еще одно, но адаптированное непосредственно для InstantCMS 2.x. По многочисленным просьбам пользователей первой ветки виджет был адаптирован для InstantCMS 1.10.4
Внешний вид настраивается с помощью файла CSS (идет в комплекте) и заменой дефолтной картинки ..\templates\default\images\updownscroll.png. Картинка не самая привлекательная, поэтому настоятельно рекомендую ее поменять на что-то более подходящее под дизайн вашего сайта.
Устанавливается кнопка стандартным для Instant'а 2 методом, через инсталляцию новых компонентов и выбора установочного пакета. Подробнее можно посмотреть здесь с 15-ой минуты.
После завершения процесса установки в разделе Виджеты панели управления в подразделе Общие появится виджет "Скролл Вверх/Вниз", который необходимо перетащить в любое место на схеме разметки вашего сайта. При этом кнопка будет отображаться как ей сказано в файле CSS (по умолчанию в левом верхнем углу). Соответственно, если мы хотим видеть кнопку на каждой странице сайта, нужно бросить ее в раздел Системные -> Все страницы.
Установка:
1. Копируем папки в корень сайта.
2. В Панели управления заходим "Модули -> Установить модули".
3. Следуем инструкциям...
4. После установки открываем редактор модуля (нажимаем иконку карандаша на против модуля UpDownScroll).
5. Подключаем модуль к необходимым страницам (например устанавливаем галочку "Показывать на всех страницах сайта")
6. Проверяем что Шаблон модуля установлен в "module_simple.tpl"
7. Жмём кнопку "Сохранить" и проверяем работоспособность пимпы =)
Внешний вид кнопки настраивается с помощью редактирования файла ..\templates\_default_\css\updownscroll.css
У кого будут вопросы, с радостью постараюсь на них ответить!
Скачать виджет InstantCMS 2.x: updownscroll.install.zip
Скачать модуль InstantCMS 1.10.4: updownscroll_icms1.10.4.zip
UPD. По просьбам многих пользователей набросал файл стилей кнопки на подобии "ВКонтакте" (такая длинная кликабельная полоска слева на странице). Чтобы установить скачайте файл и замените такой же по адресу ..\templates\default\css\updownscroll.css
Следует учитывать что полоска белого цвета! Следовательно, если фон страницы светлый/белый ее будет крайне плохо видно… Решается заменой цвета в разделе background.
В обсуждении темы на форуме Автоподгрузка страниц iCMS2 прозвучала мысль от qwest'а:
и хоть тема уже поднималась наверное множество раз и на просторах интернета хватает готовых решений, я решил написать… к ней комплектом кнопку "Вверх" наверное надо прикрутить.
InstantCMS 2.x
Особенностью данной "пимпы" является следующее её поведение: если пользователь прокрутил страницу, например до середины, и нажал на кнопку, то страница проскроллится вверх. При этом кнопка запоминает место откуда её нажали, и, при повторном нажатии сверху страницы, возвращает читателя к месту откуда начинался скролл (в нашем случае это середина страницы).Внешний вид настраивается с помощью файла CSS (идет в комплекте) и заменой дефолтной картинки ..\templates\default\images\updownscroll.png. Картинка не самая привлекательная, поэтому настоятельно рекомендую ее поменять на что-то более подходящее под дизайн вашего сайта.
Устанавливается кнопка стандартным для Instant'а 2 методом, через инсталляцию новых компонентов и выбора установочного пакета. Подробнее можно посмотреть здесь с 15-ой минуты.
После завершения процесса установки в разделе Виджеты панели управления в подразделе Общие появится виджет "Скролл Вверх/Вниз", который необходимо перетащить в любое место на схеме разметки вашего сайта. При этом кнопка будет отображаться как ей сказано в файле CSS (по умолчанию в левом верхнем углу). Соответственно, если мы хотим видеть кнопку на каждой странице сайта, нужно бросить ее в раздел Системные -> Все страницы.
InstantCMS 1.10.4
Вот ссылка на скачивание кнопки Вверх/Вниз для первой ветки инстанта. Реализовано в виде модуля. На более ранних версиях работоспособность не проверялась, у кого есть возможность посмотреть, прошу отписаться фунциклирует или нет ))Установка:
1. Копируем папки в корень сайта.
2. В Панели управления заходим "Модули -> Установить модули".
3. Следуем инструкциям...
4. После установки открываем редактор модуля (нажимаем иконку карандаша на против модуля UpDownScroll).
5. Подключаем модуль к необходимым страницам (например устанавливаем галочку "Показывать на всех страницах сайта")
6. Проверяем что Шаблон модуля установлен в "module_simple.tpl"
7. Жмём кнопку "Сохранить" и проверяем работоспособность пимпы =)
Внешний вид кнопки настраивается с помощью редактирования файла ..\templates\_default_\css\updownscroll.css
У кого будут вопросы, с радостью постараюсь на них ответить!
Скачать виджет InstantCMS 2.x: updownscroll.install.zip
Скачать модуль InstantCMS 1.10.4: updownscroll_icms1.10.4.zip
UPD. По просьбам многих пользователей набросал файл стилей кнопки на подобии "ВКонтакте" (такая длинная кликабельная полоска слева на странице). Чтобы установить скачайте файл и замените такой же по адресу ..\templates\default\css\updownscroll.css
Следует учитывать что полоска белого цвета! Следовательно, если фон страницы светлый/белый ее будет крайне плохо видно… Решается заменой цвета в разделе background.
в .scroll_to_up уберите left: 15px; и допишите right: 55px;
Может не стыковка с шаблоном какая есть? хотя если "вверх" кнопка появляется, то и "вниз" просто обязана быть!
Опишите подробнее что вы делали, что вы наблюдали и т.д., можно в личку
Открываю файл
Давайте с вами разберемся почему у вас не работает на сайте. Напишите мне в личку, для начала адрес вашего сайта.
На локальном сайте у меня все работает на 2.1.1
PS: Как насчет сделать скролл для дефолтного шаблона двойки, как в ВК?
а можете демо или показать как у кого вышло? взглянуть так скажем, как это выглядит в живую))) а то уже себе когда то прикрутил чисто вверх хотел сравнить
подскажите пожалуйста.
вот другая
все значения top на bottom
Fatal error: Class 'widgetUpdownscroll' not found in D:\OpenServer\domains\localhost2\system\core\core.php on line 666
Небольшой лайфхак:
Если вы используете смену цвета кнопки при наведении, то заметили, что при наезде курсора на изображение стрелки цвет фона пропадает.
Чтобы событие hover не терялось на "дырках" в swg картинке, нужно задать какой нибудь цвет для её фона, например прозрачный.
Открываем templates\default\widgets\updownscroll\updownscroll.tpl.php и заменяем все fill="none" на fill="transparent" (4 вхождения)