Найти на сайте

Оформление виджета событий афиши 2.0

+14
2.97K
  2. Блоги
  3. Оформление виджета событий афиши 2.0
Стандартное оформление виджета вывода контента не совсем подходит для вывода событий афиши 2.0, так как не выводит дату событий, не группирует по датам.

Решим эту проблему. И получим такое оформление виджета.

Иллюстрация

Или такое, если виджет расположен в колонке пошире

Иллюстрация

Первый шаг

Для этого скопируйте файл из архива в папку /templates/ваш_шаблон/controllers/content/widgets/list/

Второй шаг

Затем в настройках виджета, который выводит события афиши, укажите следующие настройки

Иллюстрация

Иллюстрация

Третий шаг

В стиль вашего шаблона, например, для шаблона default в файл /templates/default/css/theme-widgets.css в самый конец файла добавьте строки

  1.  
  2. .wd_poster .image{height: 150px; overflow: hidden;clear: both;}
  3. .wd_poster .title {clear: both;padding: 5px;}
  4. .wd_poster .image img {max-width: 100%;}
  5. .wd_poster .item {border-bottom: 1px solid #EAEAEA;padding-bottom: 10px;}
  6. .wd_poster .moreinfo .category {float: left;}
  7. .wd_poster .moreinfo .date {float: right;}
  8.  
Конечно, вы можете поправить их так, как вам нужно.

Демо виджета можно посмотреть тут.
Выводим последние фотографии на странице photos
Тип поля Список со ссылкой
0
Capitan Capitan 8 лет назад #
В виджите сделайте названия разделов (кино, театр и т.д) активными, т.е. ссылками на содержимое разделов
Так мне кажется будет более комильфо :))
+1
Zau4man Zau4man 8 лет назад #
Данные ссылки не доступны в виджете, придется в шаблоне писать запрос к базе, что не комильфо...
Доступны только названия.
0
vikont vikont 8 лет назад #
Не хватает режима Сладер, чтобы прокручивались по 1 - 2 сообщения.
Будет лучше привлекать внимание и более смотрибельнее.
+1
Capitan Capitan 8 лет назад #
установил. Все работает :)
0
Николай (asd43) Николай (asd43) 8 лет назад #
Можно ли афишей пользоваться в ручном режиме? Т.е пишу название фильма - нажимаю парсить и контент добавляется на сайт ( в поля) и можно ли добавлять доп. параметры для парсинга, например бюджет фильма, кадры и т.д ( по примеру работы парсеров ДЛЕ). Спасибо.
0
Zau4man Zau4man 8 лет назад #
Нет, так нельзя.
Цель компонента - добавить афишу на сайт, а не сделать сайт для киноманов.
0
Николай (asd43) Николай (asd43) 8 лет назад #
по виджету, лучше показывать постер по центру а не сверху так будет красивее)
0
Capitan Capitan 8 лет назад #
А как просмотреть прошедшие события (фильмы)
Хочется реализовать что-то типа отзывов после просмотра
0
Zau4man Zau4man 8 лет назад #
Не совсем понял, что значит прошедшие. Все события, добавленные на сайт, можно найти в наборе Последние добавленные http://demo.bergorod.ru/poster-new

Еще от автора

Виджет "Меню добавить"

Виджет "Меню добавить"

Небольшой виджет, предназначенный исключительно для вывода меню добавления контента.
9
ZПоиск. Другой взгляд на поиск

ZПоиск. Другой взгляд на поиск

В рамках более глубокого знакомства с Vue в частности с появившимся недавно Composition Api сделал на Vue небольшой компонент, который по функционалу
41
Конструктор блоков Zbuilder v 1.0.2

Конструктор блоков Zbuilder v 1.0.2

Небольшое обновление конструктора блоков: копирование элементов/блоков, доработка элемента Картинка.
5

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.