Урок 6. Работаем с динамическим контентом

Маркетолог просит добавить новость об акции. На странице должны появиться название, короткий анонс и картинка.

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

Поэтому новости, акции, товары и другие однотипные материалы в 1С-Битрикс: Управление сайтом оформляют как динамический контент.

Как отличить динамический контент от статической страницы

Статический контент живет как отдельная страница. Динамический контент устроен иначе. Новости, товары, статьи и другие похожие материалы не лежат поодиночке, а собираются в общий список. У всех материалов в этом списке одинаковая структура: название, анонс, картинка, подробный текст и другие поля.

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

На практике динамический контент можно найти через Режим правки. Включите его и наведите курсор на нужный блок. Если на панели появляется команда вроде Создать товар, Добавить новость или Изменить новость, перед вами не отдельная страница, а элемент списка.

Разницу видно и при редактировании страницы. Текст статической страницы открывается в визуальном редакторе. Если динамический контент выводит компонент, в редакторе страницы будет виден блок компонента, а сами новости или товары нужно редактировать через формы элементов.

Еще одно отличие — место хранения. Динамические материалы хранятся не в отдельных файлах, а в базе данных сайта. Для добавления этой информации в базу используют информационные блоки.

Инфоблок: как устроен список материалов

Информационный блок, или инфоблок — это место, где сайт хранит однотипные материалы. Его удобно представить как таблицу. Каждая строка в таблице — отдельный элемент, например новость, а столбцы — поля этого элемента: анонс, картинка, подробный текст и другие.

Когда вы добавляете новость, сайт открывает специальную форму. В ней вы заполняете поля одной новости. У товаров, событий, статей и других списков логика такая же.

Сам инфоблок не выводит информацию на страницу. За вывод отвечает компонент: он берет данные из инфоблока и показывает их там, где это настроено — в ленте, на детальной странице или, например, в блоке на главной.

В этом уроке достаточно понимать практическую роль инфоблока: в нем хранятся элементы, а компонент показывает их на сайте. Подробную работу с инфоблоками разберем в уроке 9.

Создаем новость об акции

Если нужный вам инфоблок уже опубликован на сайте, материал можно добавить прямо из публичной части.

Разберем добавление на примере нашего кейса — создадим новость об акции.

1. Откройте страницу, где уже показываются новости.
2. Включите Режим правки на панели управления.
3. Наведите курсор на одну из существующих новостей.
4. Нажмите Добавить новость.
5. Откроется форма редактирования новости. В ней есть несколько вкладок:
   • Параметры — здесь заполняют Название и назначают Активность, Начало активности и Окончание активности. Если новость должна выйти позже или исчезнуть после акции, это настраивают именно здесь. Поле Сортировка влияет на порядок показа. Символьный код создается автоматически из названия, если рядом с полем значок цепи не разъединен.
     
   • Анонс — картинка для анонса и короткое описание. Картинку можно загрузить с компьютера или выбрать из файлов сайта, а текст можно ввести через визуальный редактор.
     
   • Подробно — детальная картинка и полный текст новости, если на сайте новость открывается на отдельной странице.
     
   • SEO — чаще всего здесь уже подставлены настройки из инфоблока. Для обычной публикации новости этого достаточно. Отдельно менять SEO-поля стоит только по конкретной задаче.
     
   • Разделы — если в инфоблоке есть разделы, проверьте, что новость привязана к нужному разделу.

Нажмите Сохранить. Затем откройте раздел с новостями в публичной части и проверьте, что новая запись появилась в нужном месте. Если на сайте новости открываются на отдельных страницах, откройте созданную новость и проверьте подробный текст.

Если на странице нет списка новостей

Так бывает, когда список не выведен на текущую страницу. Перейдите в административный раздел и найдите нужный инфоблок там.

1. Перейдите в админку.
2. Откройте раздел Контент.
3. Найдите нужный тип контента и инфоблок. Если внутри инфоблока есть разделы, откройте нужный раздел. В нашем случае это путь Новости > Новости.
4. Нажмите Добавить новость.
   
5. Заполните форму и сохраните новость.
   

Если нужного инфоблока или команды Добавить новость нет, обратитесь к администратору сайта: доступ к разделу может быть ограничен правами учетной записи.

Включаемые области: редактируем шапку и подвал

Не весь контент на сайте редактируют как страницу или как элемент инфоблока. Для небольших повторяющихся фрагментов есть включаемые области — части страницы или шаблона, которые открываются на редактирование отдельно. Чаще всего в них размещают телефон для обращений, часы работы, логотипы, но через компонент туда можно вывести и динамическую информацию.

Такая область может показываться только на одной странице, на всех страницах раздела или на всем сайте. Поэтому один и тот же фрагмент иногда встречается сразу в нескольких местах.

Чтобы найти включаемую область:

1. Откройте страницу, где нужно изменить фрагмент.
2. Включите Режим правки.
3. Наведите курсор на шапку, подвал или другой блок.
4. Если появится команда Изменить область, откройте ее.
   
5. Внесите правку в визуальном редакторе и сохраните изменения.
   

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

Если изменения не отображаются: обновляем кеш

После добавления или правки материала всегда проверяйте результат в публичной части. Иногда изменения сохранены, но на странице видна старая версия.

Частая причина — кеш. Сайт может временно показывать сохраненную копию страницы или компонента, чтобы быстрее открываться для посетителей.

Если материал сохранен, но на странице его не видно:

1. Обновите страницу в браузере.
2. Проверьте, что открыта нужная страница или нужный раздел.
3. Включите Режим правки.
4. Откройте команды кеша на панели управления.
   
5. Если вы меняли текст самой страницы, используйте Обновить кеш страницы.
6. Если вы меняли список новостей, товар или другой динамический блок, используйте Обновить кеш компонентов.

Команда Не использовать кеш для обычной работы не нужна. Она может повлиять на скорость сайта, особенно если отключать кеш на большом числе страниц.

Если после сброса кеша новость все равно не отображается, проверьте дату публикации, раздел и права доступа. На рабочем сайте эти настройки могут отличаться, поэтому при сомнениях обратитесь к администратору.

Как восстановить несохраненные данные

При работе с динамическим контентом вы заполняете формы. Если браузер закрылся или пропало соединение, Битрикс может предложить восстановить данные при следующем открытии той же формы.

Автосохранение — полезная функция на случай сбоев. Система сохраняет введенные данные и при следующем открытии формы предлагает восстановить их. Это работает и при редактировании существующего материала, и при создании нового элемента.

Если закончилась сессия

Сессия — это время, пока сайт считает вас авторизованным пользователем. Если сессия истекла, после нажатия Сохранить данные могут не записаться.

В Битрикс есть живая сессия. Если вы печатаете, двигаете мышью или кликаете в окне браузера с открытым сайтом, система может продлить авторизацию. Если активности нет, появится предупреждение о завершении сессии.

Если увидели такое предупреждение во время заполнения формы, сначала сохраните неотправленный текст в буфер обмена или отдельный файл. Затем авторизуйтесь заново и верните текст в форму. Время жизни сессии задает администратор сайта, поэтому при частых предупреждениях обратитесь к нему.

Как отменить последнее действие

Если после сохранения стало понятно, что правка ошибочная, посмотрите на строку отмены под панелью управления. Отменить можно последнее действие. Если менялись только настройки компонента, отменятся только они. Если менялись и настройки, и содержимое страницы, система откатит последнее сохраненное действие целиком.

Важно сделать это сразу: переход на другую страницу, обновление, сброс кеша или другое действие может убрать возможность отката.