Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"

Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"

23 декабря 2015


Автор: Задойный Алексей
Сайт STARTUP'а

Красивые и адаптивные новости или статьи в блоге - необходимый по современным меркам минимум.
Однако часто возникает ситуация когда нужно не просто корректно отобразить информацию на десктопе и мобильном, но и решить несколько попутных задач, как то:
  • Разделить блок полезных ссылок на 2 части (часть только для SEO, а часть для пользователей)
  • Вывести подробную и красочно оформленную информацию об авторе с фото
  • вывести какой-то из блоков сайдбара (блока с рекламным контентом, обычно расположенного сбоку) ПЕРЕД основным контентом на мобильном устройстве
  • А иногда просто вывести текст "и никаких гвоздей!" (С)
Эти и не только эти задачи легко можно решить в решении "Сайт STURTUP'а" (помимо того, что оно просто очень красивое и функциональное в качестве лендинга).

СПИСОК НОВОСТЕЙ
Каждая новость может отображаться в карусели новостей в одном из трёх режимов:

  • Новость с фото (используется картинка анонса)
  • Новость со слайдером фото (используются фото из свойства "Изображения для списка" )
  • Новость с видео (используется видео, адрес к которому задаётся в свойстве "URL видео", например, видео с Youtube)
ДЕТАЛЬНАЯ СТРАНИЦА НОВОСТИ
Фото из анонса и слайдера не выводятся на детальной странице новости.
Детальное фото или Видео выводится на детальной странице новости.
Так же в детальной карточке новости предусмотрено отображение сайдбара (в правой колонке), включающего следующий функционал:

  • 2 HTML области для отображения произвольно информации (например, баннера, как в данном примере)
  • 2 блока ссылок на элементы инфоблоков (например другие новости этого же инфоблока, статьи из другого инфоблока или товары интернет-магазина) с возможностью задать заголовок блока
  • Блок вывода автора (из инфоблока персон) с указанием его имени, должности, описание анонса и фотографии (если есть детальная картинка, то берётся она, если нет, то картинка анонса), так же с возможностью задать заголовок блока
Порядок вывода блоков:
Фото 1: «Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"»Фото 2: «Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"»
Это делается для того, чтобы можно было вывести какую-то приоритетную рекламную информацию перед текстом статьи на мобильных устройствах, где в противном случае ознакомление с нею стремится к нулю.
В случае не заполнения соответствующего свойства блок просто не выводится.


Попробуйте решение "Сайт STARTUP'а" и откройте для себя немало других крайне полезных инструментов!
Сайт STARTUP'а

Предлагаем еще прочесть