Модуль "Контент панель".Инстант 1.10.3-1.10.4

+32
2.14K
Вначале планировался простенький модуль делающий перелинковку статей по методу кольца в разделе.
Но модуль разросся и оброс многими функциями.

Иллюстрация


Возможности модуля:
1.Модуль выводит название и фотографию предыдущей и следующей статьи ссылками, тем самым перелинковывая статьи по кольцу в пределах раздела статей.Если нет предыдущей статьи выводит последнюю, и по аналогии если нету следующей выводит первую статью раздела.
Всё оформлено в панель находящуюся внизу страницы, ссылки с картинкой на предыдущую и следующую статью находятся по краям.При наведении мышки на стрелки красиво появляются фотографии статей.
При прокрутке страницы вниз панель исчезает и сбоку появляется мини панель.

Иллюстрация


2.Для удобства пользователя в центре расположены кнопки управления разными функциями.
Слева направо.
а)Для удобства чтения, выбор цвета фона страницы.Кнопка вызова палитры, при клике по выбранному цвету изменяется фон страницы и заносится в кеш.
При переходе от одной статьи к другой цвет фона сохраняется.
Запись кеша действительно в рамках одного раздела, то есть пользователь может назначать разный цвет фона для каждого раздела.
б)Кнопка очистки кеша и возвращение дефолтного фона веб сайта.
в)Две кнопочки, минус и плюс.Увеличение или уменьшение размера текста.
г)Читалка, выводит содержимое статьи отдельным окном в colorbox.(Примечание, для работоспособности этой функции, нужно внести незначительные правки в шаблон.Инструкция прилагается)
е)Кнопка скрытия фотографии статьи.Иногда изображение статьи занимает весь первый экран броузера, при убирании изображения текст поднимается наверх, что делает более удобным чтение материала.(Примечание, при наличии отличного шаблона от дефолтного, нужно внести незначительные правки в шаблон)

Иллюстрация
Иллюстрация

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

Иллюстрация

4.В правой стороне, ближе к верху, можно включить кнопку "Автор". В админке можно изменять название кнопки.

Иллюстрация

При клике по этой кнопке выскальзывает информационная панель автора статьи.(В админке оно называется Модальное окно)
В панели выводятся:
1.Фотография автора.
2.Имя автора, с ссылкой на профиль.
3.Город автора.
4.Рейтинг.
5.Карма.
6.Интересы.
Рядом с фотографией автора выводятся две вкладки.
1.Первая вкладка выводит последние статьи автора раздела где сейчас находится читатель.В админке можно указывать число выводимых статей.
2.Вторая вкладка выводит ленту активности автора статьи.

Иллюстрация

Информационную панель можно также выводить в colorbox, что можно установить в админ части модуля.

Иллюстрация

Все функциональны кнопки, кроме выбора фона, отключаются и включаются в админке.

Иллюстрация

****************************************************************************************
Вариант #1
Демо1, с дефолтной информационной карточкой автора

Демо1-a, с выводом информационной карточки автора в colorbox

*****************************************************************************************
Альтернативный вариант # 2
Демо2

*****************************************************************************************
Альтернативный вариант # 3
Демо3


Цена 450р.
+4
Доротея Доротея 7 лет назад #
Первый + от меня)
+2
Авто Москва Авто Москва 7 лет назад #
+
Смотрится отлично. Модуль будет востребован определенно.

Пожелание: появление "кольца" логичнее сделать внизу статьи, а не сверху, так как человек еще и эту не прочитал статью, а его уже тянут на другую )
С другой стороны, в этой панели сразу вшито и увеличение и просмотр в лайтбоксе текущей статьи. Поэтому, если возможно, тогда продублировать появления вновь "кольца" и внизу статьи. По-моему, это логично.
0
alexbabo alexbabo 7 лет назад #
Вот другой вариант с учётом ваших пожеланий Демо2
0
alexbabo alexbabo 7 лет назад #
Контент панель появляться только после полной прокрутки вниз.
+1
ALreD ALreD 7 лет назад #
Отлично, спасибо! Обязательно куплю!
+1
Странник Странник 7 лет назад #
Ай, браво! Отличная разработка!
+1
Александр Александр 7 лет назад #
Отличная вещь!
Добавил себе в закладки.
Как только капнет денежка на кошелёк Яндекс, сразу куплю.
+1
Андрей Андрей 7 лет назад #
срочно заверните!
в ЛС номер кошелька, или ЯД или карта сбера :)
+1
Олег Васильевич я Олег Васильевич я 7 лет назад #
И полезно, и юзабельно, и смотрится прикольно. Зачёт!
+1
bondar bondar 7 лет назад #
А для 1.10.1 реально переделать ?
0
Андрей Андрей 7 лет назад #
в демо 2 есть косяк, при достижении низа, панелька больше не исчезает
0
Андрей Андрей 7 лет назад #
и есть предложение сделать третий вариант :)

при переходе на статью, справа (под автором) возникает панелька только со всеми кнопками (причем сразу)
на колорбоксе эта же панелька должна присутствовать, хотябы кнопки увеличения-уменьшения шрифта и выключение картинки

а когда вниз статьи опускаешься, проявляется панелька со статьями и кнопками соц. закладок
0
alexbabo alexbabo 7 лет назад #
Это не косяк,так было задумано,то есть прочитав статью,читателю придется перейти на другую статью,а если панель исчезнет,то и не будет переходов по страницам.
0
Андрей Андрей 7 лет назад #
в общем, готов купить ТРЕТИЙ вариант smile с учетом исправления моего "косяка" для версии 1.10.3 и 1.10.4
Бюджет 1000 рублей.
0
alexbabo alexbabo 7 лет назад #
Ок сделаю v
0
alexbabo alexbabo 7 лет назад #
Третий вариант готов Демо3
0
Андрей Андрей 7 лет назад #
глянул, отлично, единственная просьба сделать 3 ряда по 2 кнопки а не 2 по 3
как то шибко вылезает...

ну и реквизиты для оплаты в ЛС
0
Андрей Андрей 7 лет назад #
и еще забыл сказать, когда начинаешь снизу продвигаться вверх, чтобы панель пропадала не по достижению верха, а на половине прокрутки статьи... (думаю, там цифирьку поправить только smile )
0
alexbabo alexbabo 7 лет назад #
Вот проверьте сделал так
0
Андрей Андрей 7 лет назад #
теперь отлично
1к отправил
мыло [email protected]
0
alexbabo alexbabo 7 лет назад #
При включении colorbox,три кнопки остаются активными,увлечение текста минус-плюс и читалка,как расположить их если будет 2 колонки в 3 ряда?
0
Андрей Андрей 7 лет назад #
на колорбоксе можно вообще в одну колонку три кновпи сделать...
или если никак, то вверху + и -
внизу картинка и можно добавить кнопку "ехiт"
0
Андрей Андрей 7 лет назад #
три кнопки, сорри :)
0
Андрей Андрей 7 лет назад #
и еще момент... если у меня уже есть кнопка "наверх", не будут они конфликтовать?
0
lezginka.ru lezginka.ru 7 лет назад #
толково сделано, с понимаем юзабилити :)
0
lezginka.ru lezginka.ru 7 лет назад #
как идея -в панель можно добавить "печать статьи"
0
Андрей Андрей 7 лет назад #
поддерживаю
0
Доротея Доротея 7 лет назад #
Оформляйте 2-ой вариант) сюда: [email protected]
0
Андрей Андрей 7 лет назад #
понял, чего не хватает: кнопки "выключить" на самой панели...
и можно инструкцию, где возможно уменьшение-увеличение ширины нижней полоски?
0
ArgentMind ArgentMind 7 лет назад #
Модуль отличный!
Можно использовать в дальнейшем для создания полнофункциональной панели и превратить прочтение статей и блогов в удобное и "игровое" времяпрепровождение =)

И присоединюсь с дополнением к Blackman-st: очень не хватает постоянно отображаемой кнопки Вкл/Выкл, чтобы листать вверх/вниз не приходилось до панельки, а в любой момент можно было бы вызвать/убрать панель.
Просто в конце и начале местами перекрывает текст и футер и хочется убрать, а в середине статьи бывает становится скучно и хочется начать следующую статью.
0
Доротея Доротея 7 лет назад #
Выводить на всех страницах?
0
Dorimen Dorimen 7 лет назад #
Надо идти дальше и вообще подгружать следующие страницы контента без нажатия пользователя:

Зачем описано в статье: "Почему крупные американские онлайн-издания перешли на непрерывную прокрутку" http://siliconrus.com/2014/08/time-coms-bounce-rate/


Например, http://www.latimes.com/local/lanow/ - по мере того как докручиваю до конца статьи, мне сразу подгружаются другие статьи по этой теме.

Еще от автора

Адаптивный шаблон Sunny - InstantCMS 2 .Free
Адаптивный шаблон. Адаптивный слайдер,на мобильных устройставх перелистывается пальцем. С анимацией,позиции подгружаются по мере прокрутки страницы.
Модуль который виден только в профиле.Инстант.1.10.4
По просьбе Доротея Всё неимоверно элементарно. Создаем копию шаблона module.tpl,с другим именем,в нашем случае module_user.tpl.
Модуль "Новые персональные фотографии пользователя"
По мотивам темы на форуме Вывод фотографий в профиле пользователя Модуль выводит последние загруженные пользователем фотографии в свой личные альбомы.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.