Содержание

Справочная информация

Где получать информацию о функционале и способах работы

Научиться работать с продуктами компании «1С-Битрикс» не сложно, но потребуется внимание и определённая мера усидчивости. А поможет в этом различного вида справочная информация, ссылки на которую расположены на сайте компании в разделе Документация.

Справочная иформация включает в себя:
  • Разные виды документации
  • Учебные курсы
  • Контекстная справка
  • Мастер магазина
  • Частые вопросы
  • Документация в файлах формата .chm

  • Документация

    Нажмите на рисунок, чтобы увеличить

    • Онлайн документация для пользователей - описание интерфейса системы управления сайтом, ее основных модулей и наиболее типичных операций. Также в ней содержится полное описание прикладного программного интерфейса.
    • Онлайн документация для разработчиков по старому ядру, по ядру D7 и по Rest_API. Предназначена для технических специалистов со знанием PHP и HTML. В ней содержатся сведения о технологиях и основных принципах, заложенных в систему, описание классов и функций по всем продуктам.


    • Учебные курсы

      Нажмите на рисунок, чтобы увеличить

      Онлайн Курсы - это методические пособия по работе с продуктом, которые включают в себя описание и примеры работы с системой.


      Контекстная справка

      Нажмите на рисунок, чтобы увеличить

      Контекстная справка выводит в Административной части системы информацию относящуюся к открытому в данный момент разделу или странице. Доступна как в 1С-Битрикс: Управление сайтом, так и в Битрикс24.


      Мастер магазина

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


      FAQ

      Частые вопросы - подборка решений наиболее часто встречающихся проблем при работе с продуктом в удобном представлении.


      Документация в файлах формата .chm

      Для изучения документации в оффлан (при отсутствии интернета) созданы файлы в формате справки Windows. Они содержат копию онлайн документации, эти файлы обновляются реже, чем источник на сайте. По возможности рекомендуем использовать онлайн документацию.

      Если не видно содержание файла CHM

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

      Внимание! В файлах формата .chm нет возможности просматривать видеоролики и не работают всплывающие подсказки. Это ограничения формата. Поэтому рекомендуем пользоваться онлайн версией курсов.

      Примечание: В дополнение к документации, информацию, касающуюся продуктов компании «1С-Битрикс», можно получить на сайте в разделе форум.

      Для администраторов и разработчиков так же рекомендуется познакомиться с опытом разработок сайтов на Bitrix Framework, который описывается в блогах разработчиков и в группах Социальной сети сайта компании 1С-Битрикс.


      Как отформатирован текст в курсе

      Форматирование текста облегчает восприятие информации

      Читать монотонный текст сложно. Форматирование - один из способов облегчить понимание смысла. Опишем правила форматирования, чтобы вам было легче ориентироваться.



      Форматирование текста

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

      • Ключевое смысловое слово, фраза.
      • Термины, названия элементов интерфейса: кнопки, вкладки, поля, горячие клавиши, формат или название файла.
      • Название курса, глав курса, разделов и страниц сайтов. (Как правило название глав или курсов даются ссылкой, но иногда это бывает излишним.)
      Примеры использования жирного шрифта
      Пример названия курса или главы Изучение курса позволяет освоить основные методы администрирования системы, а так же пополнить знания по темам, изученным в курсе Контент-менеджер.
      Пример названий элементов интерфейса: При этом у компонента Список новостей нужно настроить входные параметры так, чтобы он мог формировать ссылки на страницу детальной новости (с кодом новости). Для этого нужно в группе параметров Шаблоны ссылок в поле URL страницы детального просмотра задать путь к этой странице, а также название параметра, в котором будет передаваться код новости для показа.
      Пример ключевой фразы, слова При регистрации сервера обязательно укажите Домен для NTLM авторизации. Он должен полностью (включая регистр) совпадать с названием домена.


      Курсив и подчёркивание используются для выделения:

      • Названия продуктов компании 1С-Битрикс, других программ и технологических платформ.
      • Названия методов, классов, функций и событий, если нет их описания в API доке. (Если описание есть, то название метода или класса оформляется ссылкой на страницу документации.)
      • Пространство имён в новом ядре D7.
      • Ключевое слово, фраза, термин, если использование жирного шрифта не желательно по каким-то причинам.
      Примеры использования курсива
      Пример названия метода:Усовершенствованные методы буферизации в шаблоне позволяют более не использовать CBitrixComponentTemplate::EndViewTarget() ввиду того, что конец шаблона вызывает завершение буферизации автоматически. (Если страница метода в документации есть, то будет так: Перед подключением компонента ко всем значениям параметров применяется функция htmlspecialcharsEx.)
      Пример названий продуктов и платформ:Чтобы научиться эффективно работать в Bitrix Framework, нужно не сравнивать то, что вы знаете по другим системам, а стараться понять как то или иное реализуется в этой системе. В плане обучения «сравнительный» подход не работает. Просто отвлекитесь от старых знаний и изучите новую систему используя только знания PHP и сайтостроения, а не сравнивая идеологии и технологии.
      Пример пространства имён в D7:При необходимости модуль может организовывать подпространства внутри своего пространства имен. Например, Bitrix\Main\IO, Bitrix\Forum\SomeName\SomeNameTwo.


      Серый фон текста используется для выделения:

      • путей в рамках файловой системы.
      • атрибутов, тегов html, параметров функций, переменных, значения полей и настроек и листинга кода, который нет смысла помещать в стиль для листинга.
      Примеры использования серого фона
      Пример выделения путей в рамках файловой системы:Результаты кеширования сохраняются в виде файлов в каталоге /bitrix/cache/.
      Пример выделения атрибутов, тегов и так далее:Если в компоненте написать код:
      $arParams = & $arSomeArray;
      то переменная $arParams будет отвязана от члена класса компонента и привязана к массиву $arSomeArray.


      Синий курсив с > используется для подсветки путей в продукте. То есть пути выглядят так же как они оформлены в административном отделе системы.

      Примеры использования синего курсива
      Пример оформления путей в административном отделе системы:Файлы кеша можно удалить в административной части на закладке Очистка файлов кеша страницы Настройки > Настройки продукта > Автокеширование.


      Синий шрифт используется для подсветки УРЛ без создания собственно ссылки - псевдо УРЛ.

      Примеры использования синего шрифта
      Пример псевдо УРЛ:При помощи access_token приложение совершает запросы к REST-сервису до его истечения.
      https://имя_портала.bitrix24.ru/rest/user.current?auth=код_авторизации


      Форматирование текста цветом используется в случаях, когда надо выделять информацию, относящуюся к разным сущностям в паралелльных процессах.

      Примеры использования цветного шрифта
      Цветной шрифт:
      • Настроить инфоблок на контроллере:

        ........

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

        ......



      Всплывающие подсказки

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

      • Нужно либо пояснить какой-то термин.
        Пример: Как правило все сайты имеют возможность авторизации из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di].
      • Дать наглядное представление о команде интерфейса.
        Пример: При включённом режиме Правки откройте на [dw]редактирование элемент инфоблока[/dw][di][/di], например, новость.
      • Дать дополнительную, но не относящуюся напрямую к выполняемым работам, информацию.
        Пример: Этот инструмент создаст ссылку с одним единственным [dw]слешом[/dw][di]Слеш - косая черта, которая используется для разделения слов в адресе сайта[/di] после [dw]домена сайта[/dw][di]Домен сайта - адрес по которому открывается самая главная страница. Например: yandex.ru[/di].


      Форматирование абзацев текста

      Форматирование целых абзацев текста используется для выделения какой-либо информации с целью указать направленность этой информации.


      Определения каких либо сущностей, явлений, терминов и так далее выводится в абзацах такого вида:

      Статическая информация – это информация, которая редко изменяется с течением времени. Например, рекламные тексты, история компании, контактная информация и т.п. Статическая информация создается, редактируется, дополняется и удаляется пользователями, обладающими правом на редактирование страниц сайта. Такое редактирование производится, как правило, в визуальном редакторе непосредственно в тексте самой страницы.



      В Примечании размещается информация, поясняющая текст на странице, на которую стоит обратить внимание. Это могут быть примеры, расширенное объяснение, уточнение, ссылка на дополнительную информацию. Например:

      Примечание: этот способ относится только к приложениям третьего типа. Приложения первого и второго типов получают и продлевают авторизацию автоматически.



      Предупреждения - это информация, имеющая критическое значение для работы того или иного функционала продукта. Например:

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

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



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

      Задание окна для открытия ссылки при редактировании в режиме кода (для ознакомления)

      Чтобы избежать лишней прокрутки экрана, в спойлерах может быть размещена большая по объёму информация.



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

      Учебное видео
      Управление валютами

      Содержание видеоролика может отличаться от текущей версии продукта. Более актуальная информация содержится в тексте урока.


      Если нет времени на изучение

      Если нет времени на изучение...

      Частая ситуация, когда дали на исполнение задачу, которую надо сделать "вчера", а вы совсем не знакомы с системой. Эта страница - для таких случаев. Большая часть решений типовых задач Контент-менеджера описана в тексте курса, в соответствующих темах. Ниже приведены ссылки на такие страницы.

      Из других курсов:


      Видеоматериалы к курсу "Контент-менеджер"

      Лучше один раз увидеть...

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

      Примечание: Некоторые видеоролики созданы на примере интерфейса до версии 9.5 (до интерфейса Эрмитаж). Эти материалы вынесены в отдельную таблицу и помечены: *. Принципиально работа продукта в разных интерфейсах не меняется, но возможны расхождения в названиях команд, расположении кнопок и некоторые другие несовпадения.

      Название видеоролика Размер файла, Мб Длительность, мин:сек Относится к уроку
      Авторизация на сайте
      Авторизация
      6.11 2:14 Авторизация на сайте
      Элементы управления
      Публичный раздел
      Обзор панели управления
      7.55 2:23 Панель управления
      Кнопка Меню
      4.25 1:19 Панель управления
      Вкладка Сайт
      8.93 3:24 Панель управления
      Режим Правки
      9.66 3:07 Режим правки
      Отмена действий
      7.21 2:05 Отмена действий и Автосохранение
      Автосохранение
      5.69 1:52 Отмена действий и Автосохранение
      Горячие клавиши
      9.12 3:42 Горячие клавиши
      Административный раздел
      Логика интерфейса административного раздела
      5.26 1:06 Элементы административного раздела
      Административная панель
      5.11 1:45 Элементы административного раздела
      Меню функций
      4.32 1:15 Элементы административного раздела
      Основная рабочая область
      6.72 2:02 Элементы административного раздела
      Списки элементов
      Фильтр
      11.81 4:30 Фильтр
      Таблица элементов
      3.32 1:02 Таблица элементов
      Колонка флажков
      7.11 2:30 Таблица элементов
      Настройка списка элементов
      4.52 1:45 Таблица элементов
      Экспорт в MS Excel
      3.26 0:57 Таблица элементов
      Пример быстрого редактирования группы элементов
      4.46 1:28 Пример быстрого редактирования группы элементов
      Навигационная цепочка
      5.48 1:46 Навигация, Избранное и поиск
      Избранное
      8.2 2:54 Навигация, Избранное и поиск
      Рабочий стол
      4.49 0:59 Рабочий стол
      Настройка Рабочего стола
      6.73 2:26 Рабочий стол
      Управление гаджетами
      4.54 1:29 Рабочий стол
      Информация на сайте и работа с ней
      Пример размещения статической и динамической информации
      5.84 2:08 Типы информации
      Создание страниц и разделов с помощью мастера
      7.63 3:17 Создание новых страниц и разделов
      Создание страниц через документооборот
      7.73 2:43 Создание новых страниц и разделов
      Удаление страниц
      2.63 0:50 Создание новых страниц и разделов
      Изменение заголовка
      8.26 2:51 Управление свойствами страниц и разделов
      Включение ЧПУ
      12.96 3:56 Включение ЧПУ
      Наследование прав доступа статических страниц
      7.25 2:36 Наследование прав доступа статических страниц
      Назначение прав доступа статических страниц
      11.8 3:50 Назначение прав доступа статических страниц
      Определение прав доступа динамических страниц
      7.93 3:05 Определение прав доступа динамических страниц
      Управление адресами страниц
      5.93 2:25 Управление адресами страниц
      Работа с включаемыми областями
      7.84 2:49 Работа с включаемыми областями
      Управление структурой
      Кнопка Структура
      4.6 1:36 Кнопка Структура
      Менеджер файлов
      9.00 2:42 Менеджер файлов
      Элементы управления Менеджера файлов
      8.44 2:43 Менеджер файлов
      Управление меню
      8.58 2:51 Управление меню
      Медиабиблиотека
      Настройки медиабиблиотеки
      6.04 2:02 Настройки медиабиблиотеки
      Управление коллекциями
      8.55 3:22 Управление коллекциями
      Загрузка файлов в медиабиблиотеку
      10.55 3:07 Загрузка файлов
      Управление элементами коллекции
      6.13 1:48 Управление элементами коллекции
      Настройка прав доступа к коллекциям
      6.13 2:02 Настройка прав доступа к коллекциям
      Примеры использования медиабиблиотеки
      8.70 3:30 Примеры использования медиабиблиотеки
      Информационные блоки
      SEO настройка каталога
      11.583:01 Настройка SEO информации
      Добавление новости на сайт
      5.71 2:11 Добавление новости на сайт
      Закрепление новости наверху общего списка
      7.48 2:38 Закрепление новости наверху общего списка
      Примеры работы с некоторыми модулями системы
      Пример настройки универсального списка
      10.65 4:31 Пример настройки Универсального списка
      Типы полей универсального списка
      10.05 3:24 Пример настройки Универсального списка
      Добавление товара из публичного раздела
      4.9 1:51 Наполнение каталога товарами
      Управление каталогом книг
      Наполнение каталога книгами
      6.50 2:50 Наполнение каталога книгами
      Управление фотогалереей
      Создание фотоальбома
      4.34 1:51 Создание фотоальбома
      Загрузка фотографий
      7.64 3:10 Загрузка фотографий
      Режимы просмотра фотографий
      8.92 2:39 Режимы просмотра фотографий
      Управление альбомами
      6.77 2:23 Управление альбомами
      Многопользовательская фотогалерея
      Публикация фотогалереи
      11.6 3:56 Публикация фотогалереи
      Экспорт фотогалереи
      8.85 2:53 Экспорт фотогалереи
      Работа с комментариями многопользовательской галереи
      8.08 2:37 Работа с комментариями многопользовательской галереи
      Размещение видео на сайте
      5.06 1:18 Размещение видео на сайте
      Настройки Медиа проигрывателя. Базовый режим
      7.78 3:04 Настройки
      Настройки Медиа проигрывателя. Расширенный режим
      11.27 4:43 Настройки
      Вставка стороннего видео
      4.66 1:45 Вставка стороннего видео
      Список воспроизведения
      7.78 3:20 Список воспроизведения
      Видеотека
      Создание инфоблока
      7.47 2:32 Создание инфоблока
      Настройки компонента
      7.68 3:00 Настройки компонента
      Создание видеоальбомов и элементов
      7.7 2:41 Создание видеоальбомов и элементов
      Веб-стикеры
      Веб-стикеры. Создание и управление.
      7.91 3:20 Веб-стикеры
      Работа со списком стикеров
      4.8 2:12 Веб-стикеры
      Типичные ошибки при работе с системой
      Ошибки при работе с инфоблоками
      20.29 4:23 Инфоблоки
      Ошибки при работе со структурой
      9.39 3:16 Ошибки при работе со структурой


      Название видеоролика Размер файла, Мб Длительность, мин:сек Относится к уроку
      Визуальный HTML-редактор
      Режимы работы
      Режимы работы редактора. Редактирование страницы * 10.46 3:03 Редактирование страницы
      Режимы работы редактора. Редактирование шаблона * 10.68 1:48 Редактирование шаблона сайта
      Дополнительные возможности. Редактирование шаблона * 9.70 1:48 Редактирование шаблона сайта
      Интерфейс
      Внешний вид редактора. Часть 1 * 7.86 2:17 Внешний вид редактора
      Внешний вид редактора. Часть 2 * 7.67 2:14 Внешний вид редактора
      Настройка внешнего вида редактора * 7.09 2:28 Настройка внешнего вида редактора
      Работа с текстом
      Форматирование текста. Часть 1 * 15.45 3:24 Форматирование текста
      Форматирование текста. Часть 2 * 9.78 3:14 Форматирование текста
      Текст. Копирование и вставка. Часть первая * 12.01 3:01 Копирование и вставка текста
      Текст. Копирование и вставка.Часть вторая * 5.05 1:51 Копирование и вставка текста
      Текст. Проверка орфографии. Часть первая * 17.59 2:02 Проверка орфографии
      Текст. Проверка орфографии. Часть вторая * 6.99 1:44 Проверка орфографии
      Текст. Добавление спецсимволов * 2.55 0:29 Добавление специальных символов
      Загрузка графики
      Загрузка и размещение изображения. Часть первая * 6.08 2:07 Загрузка и размещение изображения
      Загрузка и размещение изображения. Часть вторая * 7.75 2:07 Загрузка и размещение изображения
      Загрузка и размещение изображения. Часть третья * 6.7 2:38 Загрузка и размещение изображения
      Загрузка видеоролика * 5.32 1:36 Загрузка и размещение flash ролика
      Визуальные компоненты
      Работа с гиперссылками. Часть первая * 9.75 2:48 Работа с гиперссылками
      Работа с гиперссылками. Часть вторая * 12.56 2:07 Работа с гиперссылками
      Работа с таблицами * 7.74 2:46 Работа с таблицами
      Управление параметрами компонента из публичной части * flash flash Старый интерфейс (до версии 9.5)
      Панель задач. Компоненты 2.0. Часть первая * 10.73 2:46 Компоненты
      Панель задач. Компоненты 2.0. Часть вторая * 11.62 2:14 Компоненты
      Пример использования простых и комплексных компонентов * flash flash Размещение и настройка компонентов в визуальном редакторе
      Панель задач. Сниппеты. Часть первая * 7.28 2:35 Сниппеты
      Панель задач. Сниппеты. Часть вторая * 12.93 2:37 Сниппеты
      Панель задач. Работа с PHP-скриптом * 8.89 2:08 Панель задача
      Дополнительные возможности
      Дополнительные возможности. Разбиение страниц * 5.22 1:35 Разбиение страниц
      Дополнительные возможности. Редактирование шаблона * 6.56 1:42 Редактирование шаблона
      Дополнительные возможности редактирования шаблона * 11.53 3:42 Редактирование шаблона


      Примечание: ролики по Визуальному редактору подготовлены компанией Teachvideo.


      Как устроен Битрикс

      "1С-Битрикс: Управление сайтом" - это программа. И чтобы успешно работать в ней давайте разберёмся как она устроена. В этой главе поговорим о частях, составляющих Битрикс и о взаимодействии этих частей между собой.

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

      Объяснения работы системы даются без подробностей, в самом общем виде. Подробный рассказ о работе того или иного механизма системы можно почитать по ссылкам в тексте.

      Из чего состоит Битрикс

      Битрикс состоит из...

      Он много из чего состоит. Давайте рассмотрим"1С-Битрикс: Управление сайтом" комплексно. Начнём с того, что видно, далее поговорим о "внутреннем мире". Детально каждая из рассмотренных в этой главе сторон будет рассмотрена в нашем учебном курсе позже. В этой главе наша задача понять структуру системы, а не принципы работы, тем более не детальные способы работы с ней. Без знания структуры контент-менеджер будет допускать ошибки в работе и делать простые вещи неоптимальным способом.

      Какие стороны будем рассматривать

      Вы узнаете, что:

      • Публичная часть сайта видна всем. А Административная часть сайта доступна только "избранным".
      • Структуры у сайта две: физическая и логическая.
      • Информации на сайте тоже два вида: статическая и динамическая.
      • В работе по созданию информации и выводу её на сайте участвуют модули, компоненты и инфоблоки.
      • Компоненты имеют шаблоны, которые отвечают за вывод информации. Каждый шаблон выводит данные на сайте по сво́ему.

      Публичная и административная части

      Битрикс - это как айсберг

      Публичная часть и административная часть

      Ваш сайт на Битриксе подобен айсбергу:

      • есть небольшая видимая часть - собственно сайт, доступный посетителям,
      • и есть большая невидимая часть, в которой происходит вся работа программного кода системы управления сайтом.
      • Граница между ними - процесс [dw]авторизации[/dw][di]Авторизация - процесс с помощью которого система отличает тех, кому можно работать с ней, от тех, кто может только просматривать сайт.
        Подробнее...[/di] контент-менеджера на сайте.

      Детально о возможностях этих двух частей вы узнаете в соответствующей главе.

      База данных

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

      База данных используется при формировании динамической информации на сайте.

      Саму Базу данных вы нигде не увидите. Она упрятана глубоко в коде Административной системы, глубоко в подводной части айсберга. Работать с ней вы будете через информационные блоки, модули и компоненты.

      Важно запомнить!

      1. На сайте есть две неравнозначные части: Публичная и Административная. Публичную видят все, Административную - только кому положено.
      2. База данных - место хранения динамической информации, работа с БД происходит через инструменты CMS.

      Файловая система

      Такие же файлы, как и на вашем компьютере

      Что хранится в файлах

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

      Статическая информация - текст, картинки, видео, которые вы размещаете в файлах и папках Структуры сайта. Статическая информация не имеет никакого отношения к Базе данных.

      Программный код расположен в папке /bitrix, изменять файлы в этой папке категорически запрещается!

      Что такое файл и папка в Публичной части

      Файл - это страница сайта, папка - раздел сайта. Когда вы создаёте раздел на сайте - вы создаёте папку в Структуре сайта. Когда создаёте страницу в разделе - вы создаёте файл в этой папке.

      Где хранятся сами файлы

      Файлы и папки в Административном разделе расположены по пути Контент > Структура сайта и визуально это выглядит так:

      где:
      1 - Логическая файловая структура, она будет называться также как называется ваш сайт и папки в ней будут называться [dw]так же как на сайте[/dw][di][/di].
      2 - Физическая файловая структура всегда будет называться "Файлы и папки". Папки в ней будут называться так, как они [dw]названы в файловой системе[/dw][di][/di].
      3 - Медиабиблиотека. (Строго говоря, медиабиблиотека хранит файлы не в рамках файловой структуры, а в Базе данных. В Структуре сайта её разместили потому, что работа с ней схожа с работой с файлами.)

      Важно запомнить!

      • Файловая структура в Административной части расположена в разделе Контент > Структура сайта.
      • У сайта есть физическая структура и логическая структура.
      • Страница сайта - файл, а раздел сайта - папка с файлами. (Это утверждение касается статической информации. С динамической информацией будет не так.)

      Информационные блоки

      Инструмент для работы с Базой данных

      Что такое Информационные блоки

      Работать с Базой данных Контент-менеджер напрямую не может. Если может, то это уже не контент-менеджер, а программист, знающий теорию Баз данных, умеющий писать программный код. А так как программисты не будут выполнять работу по наполнению сайта содержанием (им это просто неинтересно), то и создан такой инструмент для Контент-менеджера - Информационные блоки. (Сокращённо - инфоблоки.)

      Это специальный универсальный инструмент, который загружает информацию в Базу Данных и редактирует её.

      Информационному блоку всё равно какую информацию вы используете: текст, картинки, видео и так далее. Надо просто правильно его настроить и создать нужные поля.

      Информационные блоки – блоки однородной информации. Например, каталог «Книги», «Новости компании», «Фотогалерея» и т.д. Элементы в нём могут распределяться по разделам и подразделам.

      Число инфоблоков на сайте не ограничено. Каждый из них создётся под свой тип информации. Это гибкая сущность, изучив её детально, вы сами удивитесь доступным возможностям.

      Информационные блоки имеют своё место пребывания в Административном разделе. Они группируются по типам, каждый тип назван по своему и выводится в списке [dw]сразу за Структурой сайта[/dw][di]На иллюстрации пример списка информационных
      блоков из демоверсии программы.
      На вашем сайте их число и названия
      будут другими.
      [/di].

      Сами по себе информационные блоки информацию на сайте не выводят. Они это делают через компоненты и модули.

      Динамическая информация на сайте - это инфоблоки

      Динамическая информация, в отличие от статической, формируется на основе Информационных блоков. (Но не только, есть ещё и Модули, об этом - ниже.) Страница динамической информации на сайте - это элемент информационного блока, раздел сайта - это раздел Информационного блока.

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

      Важно запомнить!

      1. Инфоблоки в Административной части размещаются сразу за файловой структурой сайта в разделе Контент.
      2. Инфоблоки - инструмент для работы с Базой данных.
      3. Динамическая информация формируется из инфоблоков.
      4. Страница сайта с динамической информацией - это программный код, а не физический файл.
      5. Инфоблоки сами по себе информацию на сайте не выводят.


      Модули и компоненты

      Рассчитать и показать

      Модули

      Модуль - объёмная часть кода, отвечающая за определённый функционал на сайте. Например, модуль Интернет-магазин отвечает за продажи, а модуль Поиск - за поиск информации на сайте.

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

      Единого места хранения модулей в Административной части нет. Они более-менее равномерно "размазаны" по всему административному разделу.

      Модули работают с Базой данных как опосредовано, через информационные блоки, так и напрямую.

      Менять поведение модуля можно в определённых пределах с помощью настроек.

      Компоненты

      Компонент - "представитель" модуля в Публичной части системы. Это единственный элемент "внутрянки" сайта, который виден в Публичной части. У каждого модуля - свой набор компонентов. Каждый компонент решает только одну конкретную задачу в Публичной части сайта: проведение опроса, показ новостей, оформить заказ в магазине, вывод форума или блога и так далее.

      Компонент - связующее звено между Модулем и Инфоблоками. Без него Инфоблоки ничего не стоят, они не умеют сами выводить информацию на сайт. Без компонента Модуль не знает данные какого Информационного блока ему обрабатывать. Эта взаимосвязь устанавливается в [dw]настройках компонента[/dw][di]Большинство компонентов не работают если не задан информационный блок.

      [/di]. Кроме настроек на информационный блок, компоненту задаются и другие условия отображения информации.

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

      Важно запомнить

      Модули:

      1. отвечают за большую часть функционала сайта определённой направленности,
      2. можно настраивать.

      Компонент:

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

      Как всё взаимодействует между собой

      Как всё работает в Битриксе

      Вы разобрались с архитектурой "1С-Битрикс: Управление сайтом". Теперь предстоит понять как происходит взаимодействие всех частей "1С-Битрикс: Управление сайтом" между собой. Без понимания этого у вас будет возникать очень много вопросов при работе с системой и будут казаться суперсложными простые вещи.

      Рассмотрим основные сценарии работы.

      Создание физических страниц

      Самый простой сценарий взаимодействия

      Создание, изменение, удаление физической страницы с текстом и картинками - простейший сценарий взаимодействия элементов структуры вашего сайта.

      При создании страницы сайта создаётся файл в файловой системе. Этот файл и показывается при открытии страницы посетителем. Этот процесс показан на иллюстрации стрелочками.

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

      Важно запомнить

      1. Создали файл - создали страницу.
      2. Наполнили файл содержанием - наполнили страницу содержанием.
      3. Показ страницы происходит без работы программного кода.

      Работа с инфоблоками

      Работа с динамически формируемой информацией

      Условная схема работы с динамичной информацией с помощью информационного блока. Кажется сложной, но это не так. Внимательно посмотрите и всё поймёте. Стрелки светлого цвета - действия контент-менеджера, стрелки тёмного цвета - автоматические действия системы.

      Добавляем информацию

      Прежде чем показать информацию, её добавляют:

      1. Создаём информационный блок (иб1), настраиваем поля и добавляем в него данные.
      2. Информационный блок размещает эту информацию в Базе данных.

      Создание страницы для динамической информации

      1. В рамках файловой структуры в нужном разделе создаём страницу.
      2. На странице размещаем нужный нам компонент M из модуля N.
      3. Настраиваем компонент на созданный информационный блок (иб1).

      Посетитель открыл страницу, что происходит

      1. База данных передаёт данные из информационного блока (иб1) модулю N.
      2. Модуль выполняет необходимые изменения этой информации и выдаёт её компоненту М для показа.

      В результате посетитель на странице видит текст, картинки, видео и так далее.

      Особенность динамической информации

      Несмотря на то, что в описанном алгоритме создаётся одна физическая страница с компонентом, на сайте этот компонент показывает один или несколько разделов со множеством программно создаваемых страниц. Подходящий пример - Каталог товаров. На физической странице размещается компонент Каталог и настраивается на информационный блок, куда добавлены товары. В результате посетитель сайта увидит раздел со страницами, по одной на каждый товар. Итак: одна физическая страница + компонент = множеству динамических страниц.

      Рассмотрим это на примере:

      Нажмите на рисунок, чтобы увеличить

      1 - в отдельном файле размещаем компонент Каталог и настраиваем его на информационный блок.
      2 - в Публичной части сайта на этой же странице (Помните: Файл = Страница?) видим разделы информационного блока, выводимые как разделы каталога: Обувь, Платья, Штаны и так далее. И это единственная страница, которая существует физически. Все остальные, что описаны ниже - виртуальные.
      3 - Кликнув по Обувь переходим в раздел Обуви и видим там три раздела: Пантолеты, Тапочки, Туфли.
      4 - Кликнув по Туфлям переходим радел Туфли и видим ещё два раздела: Туфли женские и Туфли мужские.
      5 - Кликнув по Туфлям женским переходим в этот раздел и видим уже конкретные товары из этой категории.
      6, 7, 8 - Просматриваем конкретные товары.

      Таким образом, на одной физической странице размещён компонент, создающий динамически большое количество виртуальных страниц, чем существенно упрощает работу контент-менеджера. (Представьте себе необходимость создания каталога из хотя бы пары сотен товаров.)

      Важно запомнить!

      1. С помощью компонентов и информационных блоков можно программно создавать произвольное число страниц сайта.
      2. Компонент размещается на физической странице и настраивается на информационный блок.

      Работа без инфоблоков

      Некоторые модули работают с Базой данных напрямую, не используя Информационные блоки. Это модули, где информация публикуется посетителями сайта (блоги, форумы, опросы и другие) или формируется самостоятельно на основе служебной информации о работе сайта (например, модуль Веб-аналитика, или Баннерная реклама). В этом случае схема упрощается.

      Создание страницы для динамической информации

      1. В файловой структуре в нужном разделе создаём страницу.
      2. На странице размещаем нужный нам компонент M из модуля N.

      Посетитель открыл страницу, что происходит

      1. Посетитель заполняет форму с данными (форма обратной связи, пишет сообщение на форуме или блоге и так далее.) Компонент передаёт данные в Базу данных для хранения.
      2. При повторном открытии страницы База данных передаёт модулю N информацию.
      3. Модуль производит необходимые изменения этой информации и выдаёт её компоненту М для показа.

      В результате посетитель на странице видит текст, картинки, видео и так далее.

      Если модуль сам формирует данные

      Если модуль предназначен для обработки служебной информации о сайте, то тут ещё проще:

      • Модуль сам передаёт информацию в Базу данных для хранения.
      • При необходимости вызывает её из Базы, обрабатывает и показывает на странице в Административном разделе или на страницах сайта.

      Важно запомнить!

      1. Часть модулей работает без привлечения информационных блоков.
      2. Если данные модуля выводятся на страницах сайта, то создаётся страница и на ней размещается компонент этого модуля.
      3. Если данные модуля не выводятся на страницах сайта, то эти данные видны в Административном разделе.

      Авторизация на сайте

      Авторизация - ваш "пропуск" к работе

      Контент-менеджер перед началом работы должен [dw]авторизоваться[/dw][di]Авторизация - процесс с помощью которого система отличает тех, кому можно работать с ней, от тех, кто может только просматривать сайт.[/di]. Процесс авторизации в "1С-Битрикс: Управление сайтом" несложный и понятный:


      Как авторизоваться?

      Ссылка на форму авторизации расположена, как правило, в верхней части сайта:

      Нажмите на рисунок, чтобы увеличить

      Клик по этой ссылке откроет форму авторизации:

      Введите в ней свой Логин, Пароль и нажмите кнопку Войти. Страница обновится и теперь можно приступать к работе на сайте.

      Примечание: Если форме присутствуют [dw]значки социальных сетей[/dw][di][/di], то это значит что на сайте доступна авторизация через эти сети. Перед использованием кнопок социальных сетей необходимо [dw]привязать свой аккаунт[/dw][di]Для привязки перейдите на страницу своего профиля и кликните на значок нужной сети.
      Затем введите в появившихся полях логин и пароль для этой сети.

      [/di] в "1С-Битрикс: Управление сайтом" к вашему аккаунту в соцсети.


      Авторизация в Административном отделе

      Как правило все сайты имеют возможность авторизации из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Но на некоторых проектах разработчики оставляют возможность авторизации только в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. Подробнее...[/di]. Если вам приходится авторизоваться с административной части системы, то в адрес сайта допишите: [dw]/bitrix/[/dw][di]То есть в адресной строке браузера должно быть набрано: http://<домен сайта>/bitrix/[/di] и нажмите кнопку Ввод.

      Единая авторизация в Административном отделе коробочной версии Битрикс24.


      Как понять что вы авторизованы

      Когда контент-менеджер авторизован на сайте, то на месте ссылки для авторизации (и на [dw]Панели управления[/dw][di]На Панели управления собраны все команды, которые доступны контент-менеджеру при работе с сайтом. Подробнее...[/di]) отображаются его данные:


      Заключение

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



      Двухэтапная авторизация

      Двухэтапная авторизация: несложно и безопасно

      Система [dw]одноразовых паролей[/dw][di]Одноразовые пароли или двухэтапная авторизация - это авторизация, проходимая дважды. Первый раз вводится основной пароль и логин пользователя. Второй раз вводится секретный код, который пользователь получает дополнительно.[/di] дополняет стандартную авторизацию и значительно усиливает безопасность продуктов «1С-Битрикс». При каждой авторизации пользователь вводит новый секретный код, что исключает возможность его подбора злоумышленниками. Одноразовый пароль вы можете получить либо с помощью специальной программы у вас на телефоне, или с помощью специального брелка - токена.

      Зачем нужна двухэтапная авторизация


      Программы для одноразовых паролей

      Для авторизации можно использовать разные программы. Главное, чтобы они поддерживали один из двух используемых в 1С-Битрикс [dw]алгоритмов генерации паролей[/dw][di] по счетчику (HMAC-Based One-time Password, HOTP) - код будет доступен до тех пор, пока пользователь не запросит новый;
      по времени (Time-based One-time Password, TOTP) - код будет доступен в течение 30 секунд с момента его получения, после чего он автоматически обновится. [/di]. Установка программы выполняется типовым для вашей мобильной операционной системы способом. Настройка программы, как правило, выполняется аналогично настройке фирменному приложению Bitrix24 OTP, которое и рекомендуется использовать в случае Google Android и Apple iOS.

      Внимание! Перед подключением двухэтапной авторизации проверьте правильность установленного времени и часового пояса в вашем мобильном устройстве.

      Перечень некоторых совместимых приложений:

      Устройство Приложение Примечания
      Apple iOS

      Bitrix24 OTP

      Google Authenticator

      FreeOTP Authenticator

      iOS 6.0 и выше. По времени (TOTP) и по счетчику (HOTP).

      iOS 5.0 и выше. По времени (TOTP) и по счетчику (HOTP).

      iOS 7.0 и выше. По времени (TOTP) и по счетчику (HOTP).

      Google Android

      Bitrix24 OTP

      Google Authenticator

      FreeOTP Authenticator

      Android 3.0 и выше. По времени (TOTP) и по счетчику (HOTP).

      Android 2.2 и выше. По времени (TOTP) и по счетчику (HOTP).

      Android 4.0 и выше. По времени (TOTP) и по счетчику (HOTP).

      J2ME

      Google Authentification in Java Mobile, j2me

      Google Authenticator for J2ME phones

      Для мобильных с J2ME. По времени (TOTP), ручной ввод секретного ключа.

      Для мобильных с J2ME на основе LWUIT-GUI. По времени (TOTP), ручной ввод секретного ключа.

      Palm OS

      Google Authenticator for Palm OS

      По времени (TOTP), ручной ввод секретного ключа.

      MS Windows Phone

      Authenticator

      MS Windows Phone 7.5 и выше. По времени (TOTP).

      MS Windows

      WinAuth

      MS Windows 7|8, .NET Framework 4. По времени (TOTP), портативность, защита приложения паролем.



      Подключение пользователем двухэтапной авторизации

      Включить одноразовые пароли несложно

      Двухэтапная авторизация включается после указания администратора. Со своей стороны администратор выполняет настройку системы на такую авторизацию.

      Подключение возможно как с публичной части, так и с административной. Для всех продуктов компании 1С-Битрикс ("1С-Битрикс: Управление сайтом" и Битрикс24) механизм подключения двухэтапной авторизации одинаков.

      Внимание! Перед подключением двухэтапной (двухфакторной) авторизации проверьте правильность установленного времени и часового пояса в вашем мобильном устройстве.


      Подключение с публичной части

      1. Перейдите на специальную страницу Настройка дополнительной защиты (Моя страница > меню Действия: [dw]Безопасность[/dw][di][/di]).

        Примечание: Если ваш сайт создан на редакциях Стандарт и Малый бизнес, то страницу с инструкцией для подключения создаёт Администратор сайта. Уточните у него адрес этой страницы.

      2. Следуя простой инструкции на этой странице, подключите двухэтапную авторизацию.

      Подключение с административной части

      Для подключения перейдите на страницу редактирования пользователя (Настройки > Пользователи > Список пользователей)[dw] по кнопке на Панели управления[/dw][di]Индикатор авторизованного пользователя и ссылка Выйти[/di], вкладка Двухэтапная авторизация:

      Нажмите на рисунок, чтобы увеличить

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

      Перед подключением узнайте у Администратора сайта какой [dw]алгоритм генерации паролей[/dw][di] по счетчику (HMAC-Based One-time Password, HOTP) - код будет доступен до тех пор, пока пользователь не запросит новый;
      по времени (Time-based One-time Password, TOTP) - код будет доступен в течение 30 секунд с момента его получения, после чего он автоматически обновится. [/di] он установил. Приложение в телефоне, которые вы собираетесь использовать, должно поддерживать этот алгоритм.

      Подключение телефона

      С помощью кнопки [dw]Подключить телефон[/dw][di][/di] выберите нужный алгоритм. В открывшейся форме выполните шаги, указанные в пунктах 1-3.

      Далее отсканируйте с помощью приложения на телефоне QR-код:

      Нажмите на рисунок, чтобы увеличить

      При использовании алгоритма по счетчику нужно дважды сгенерировать код в приложении на телефоне и ввести его в два поля.
      В случае использования алгоритма по времени код генерится один раз.

      Если приложение не умеет сканировать QR-код, воспользуйтесь ссылкой Ввести данные вручную. Система выдаст секретный ключ, который нужно ввести в приложение вместе с другими полями:

      • Адрес сайта вида www.site.ru (без http://);
      • E-mail, с которым был зарегистрирован пользователь на сайте;
      • Секретный ключ, который указан в форме (можно не обращать внимания на пробелы);
      • Тип ключа.

      Подключение брелка

      С помощью кнопки [dw]Подключить брелок[/dw][di][/di] выберите нужный алгоритм. В открывшейся форме введите секретный ключ, полученный от администратора сайта и пароль с брелка (в случае с алгоритмом по счётчику пароль с брелка нужно вводить дважды).


      Подключение завершено, форма на вкладке Двухфакторная авторизация имеет следующий вид:

      где:

      • Отключить - позволяет отключить двухэтапную (двухфакторную) авторизацию бессрочно или же на определенное количество дней.
      • Резервные коды - позволяет перейти к форме работы с резервными кодами.

        Примечание: Резервные коды доступны, если на странице настроек двухэтапной (двухфакторной) авторизации отмечена соответствующая опция.

      • Синхронизировать - позволяет перейти к форме синхронизации устройств.
      • Подключить новый брелок/телефон - позволяет произвести подключение нового устройства двухэтапной (двухфакторной) авторизации.

        Внимание! Одновременно можно использовать лишь одно средство (мобильное приложение или аппаратное устройство) для двухэтапной авторизации. При подключении нового авторизация со старым будет уже невозможна.

      Заключение

      Подключение двухэтапной авторизации производится после настроек администратором этого функционала. Необходимо:

      • знать тип выбранного администратором алгоритма,
      • подобрать приложение подходящее под ваше устройство и тип алгоритма.


      Резервные коды

      Резервные кода - ваше спасение в нештатной ситуации

      Если вы, к несчастью, потеряли телефон или брелок, то вас спасут резервные коды. Их можно получить на странице Моя страница > [dw]Резервные коды[/dw][di] [/di], где можно их Распечатать, Сохранить в текстовый файл или Сгенерировать новые коды:

      Действительны только коды, созданные последними.

      Примечание: Функционал резервных кодов включает администратор сайта.


      Заключение

      Резервные коды - ваша "палочка-выручалочка" в случае непредвиденной ситуации. Не ждите неприятностей, заготовьте резервные коды заранее.

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

      Мобильное приложение Bitrix24 OTP

      BitrixOTP - фирменное приложение для авторизации

      Мобильное приложение Bitrix OTP от компании «1С-Битрикс» специально разработано для двухэтапной авторизации. Оно генерирует секретные коды для входа на порталы и сайты под управлением «Битрикс24» и «1С-Битрикс» и позволяет обойтись без использования брелков или посторонних программ. Мобильное приложение Bitrix OTP работает быстро, а данные для подключения в приложение можно ввести как вручную, так и автоматически с использованием QR-кода.

      Внимание! Перед подключением двухэтапной (двухфакторной) авторизации проверьте правильность установленного времени и часового пояса в вашем мобильном устройстве.

      Подключение мобильного устройства

      • Скачайте приложение [dw]Bitrix24 OTP[/dw][di]Иконка приложения на вашем телефоне:

        [/di]:
      • После запуска приложения выберите удобный вам способ получения кода:

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

          При [dw]ручном вводе[/dw][di][/di] необходимо указать:

          • Адрес сайта вида www.site.ru или портала Битрикс24 вида example.bitrix24.ru (без http://);
          • E-mail, с которым был зарегистрирован пользователь на сайте или портале;
          • Секретный ключ, который указан на странице подключения двухэтапной авторизации на сайте (можно не обращать внимания на пробелы);
          • выбрать тип ключа: по времени или по счетчику

          Внимание! Тип используемого ключа уточните у администратора.

      • Приложение [dw]выведет код[/dw][di][/di]. Скопируйте этот код в буфер обмена, если вход осуществляется c помощью мобильного устройства.

        Или введите полученный код на странице подключения в браузере:

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

      • Двухэтапная авторизация на сайте или портале [dw]успешно подключена[/dw][di][/di].

      Если порталов и сайтов много

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

      Для редактирования или удаления аккаунта из списка приложения нужно [dw]смахнуть влево нужный пункт[/dw][di] [/di].

      Заключение

      Bitrix24 OTP - фирменное бесплатное приложение для одноразовой авторизации на сайтах и порталах. Оно удобно в работе, постоянно обновляется.



      Авторизация с помощью Bitrix24 OTP

      Как авторизоваться на сайте с помощью приложения

      Для авторизации на сайте или портале:

      • Введите в [dw]форме авторизации[/dw][di][/di] логин и пароль. Появится форма с полем для ввода одноразового кода.
      • Запустите на телефоне приложение Bitrix24 OTP и получите в нём одноразовый код для входа на сайт или портал, выбрав [dw]аккаунт из списка[/dw][di] [/di] в приложении:

      • Введите полученный одноразовый код в поле в форме на сайте:

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

      • Все, авторизация на сайте или портале успешно произведена.

      Важно помнить!

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

      Заключение

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



      Аппаратное устройство одноразовых паролей (eToken)

      Токен - альтернатива телефону, удобнее, но дороже

      Вместо телефонов в двухэтапной авторизацию иногда используются аппаратные устройства, например: Aladdin eToken PASS. Такое устройство должен выдать вам администратор сайта. Оно должно быть уже зарегистрировано на сайте.

      Использование устройство не сложно, как правило это одна кнопка и экран, на котором выводится код.

      Авторизация на сайте


      Для авторизации на сайте:

      • Получите одноразовый пароль на устройстве OTP;
      • Ввести данные для авторизации на сайте:

        • Логин пользователя;
        • Пароль: сначала вводится основной пароль (см. 1 на рисунке выше) и одноразовый (см. 2 на рисунке выше) без пробелов.


      Решение проблем, связанных с OTP

      Что делать, если не удаётся авторизоваться

      Использование одноразовых паролей может создать проблемы со входом на сайт (портал) если:

    • Вы потеряли телефон
    • Сбито время на телефоне

    • Потерян телефон

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

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

      Если утерян телефон у администратора, то действуйте так:

      • Если есть второй администратор, то он снимет на время ограничение по OTP для первого в его профиле.
      • Обратитесь в техподдержку компании Битрикс. Укажите свой портал Битрикс24, логин и пароль без одноразового кода. Доступ по одноразовому паролю будет отключён для этого портала.

        Примечание: Этот вариант действует только для платных тарифов!

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


      Сбито время на телефоне

      Внимание! Двухэтапная авторизация допускает расхождение времени на устройстве со временем сервера не более одной минуты.

      Одноразовые пароли создаются на основе времени, следовательно, при расхождении времени на вашем устройстве и на сервере Битрикс24 или сайта вы не получите верного кода доступа. Что делать в случае ошибки доступа?

      Первое что нужно сделать в случае неверного пароля: проверьте время и часовой пояс и настройте их. Главное правило: время, установленное при настройке OTP не должно меняться вручную.

      Если вы пользуетесь приложением Bitrix OTP или FreeOTP:

      Ваш телефон на Android

      1. Перейти в Настройки > Дата и время.
      2. Проверить установлено ли автоматическое получение времени (Automatic date & time).
      3. Проверить установлено ли автоматическое получение часового пояса (Automatic time zone). Если установлено, то ни в коем случае нельзя переводить время вручную, достаточно снять флажок автоматического получения часового пояса и выбрать правильный часовой пояс самостоятельно.

      Ваш телефон на iOS

      1. Перейдите в меню Настройки > Основные > Дата и время > Часовой пояс.
      2. Введите название вашего или ближайшего к вам города в поисковой строке. После того как вы выберете город, на вашем смартфоне автоматически определится часовой пояс и установится дата и время. Если автоматическая синхронизация не работает:
        • Проверьте подключение к интернету.
        • В меню Настройки > Основные > Дата и время переместите переключатель Автоматически вправо.

      Бывает так, что правильный город не соответствует правильному часовому поясу, например, если ваш гаджет не получает обновлений, тогда необходимо выбрать город соответствующий правильному часовому поясу. В случае с Калининградом, это может быть, например, Иерусалим.

      Если вы пользуетесь Google Authenticator - просто запустите ручную синхронизацию времени в приложении (Settings > Time correction > Sync Now).


      Примечание: При работе с коробочной версией Битрикс24 или с сайтом на основе «1С-Битрикс: Управление сайтом» нужно сверять время на телефоне с временем на вашем сервере.

      При работе на облачном портале Битрикс24 есть возможность сверки времени вашего устройства и времени сервера Битрикс24: перейдите в телефоне по адресу: http://www.1c-bitrix.ru/buy_tmp/otp.php. Там будет правильное время сервера (Real time) и время полученное с телефона. Если вы увидите что время не совпадает, то возвращайтесь к настройкам времени и проводите её заново.

      На иллюстрации выше: значение Real time отличается от значения на телефоне на 1 час и 29 секунд, ОТР работать не будет.

      Заключение

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

      Если сбито время (разница должна быть меньше минуты), то достаточно установить нужное. Но не вручную!


      Элементы Управления

      Где какие кнопки и как с ними работать

      Нажать нужную кнопку для получения результата - для этого надо знать интерфейс программы. Интерфейс "1С-Битрикс: Управление сайтом" логичен, подчинён иерархии. Но обилие функционала CMS может создать определённые сложности в освоении способов работы. Глава Элементы управления познакомит контент-менеджера с основными элементами управления Публичного и Административного разделов.

      Внимание! Рекомендуется работы по сайту проводить через Публичный раздел. Административный раздел в целом предназначен для администраторов сайта и разработчиков. Некоторые виды работ с сайтом могут потребовать обращения к Административному разделу, в этом случае будьте внимательны, чтобы не "сломать" случайно что-либо.

      Если ваш сайт работает на старой версии "1С-Битрикс: Управление сайтом" (до v 9.5), то описание интерфейса можно изучить в отдельном курсе.

      Публичный раздел

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

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

      Примечание: ограничения на доступ касаются не только кнопок Панели управления, но и некоторого другого функционала, например, задания прав доступа при создании страниц.

      Инструменты панели управления: всё необходимое в одном месте

      Давайте разберем все команды на вкладке Сайт. Самые важные операции мы подробно рассмотрим позже в курсе, а пока дадим лишь короткое описание.

      Примечание: большинство кнопок на панели позволяют выполнить целый ряд операций. Стрелочка рядом с кнопкой открывает [dw]выпадающий список[/dw][di][/di] возможных функций.

      • Создать страницу/Создать раздел - пункты позволяют создать новую страницу или раздел [dw]различными способами[/dw][di]

        Страница или раздел могут быть созданы с помощью:

        • мастера;
        • документооборота;
        • шаблонов
        • напрямую через панель управления.

        Подробнее о создании страниц и разделов...

        [/di].
      • Изменить страницу/Изменить раздел - а эти пункты понадобятся нам для редактирования страниц и разделов. Редактирование - это целый комплекс операций:
        • [dw]изменение содержимого[/dw][di]Изменение внешнего вида страницы и информации на ней в визуальном редакторе. Подробнее...[/di];
        • настройка заголовка и [dw]свойств[/dw][di]Изменение описания страницы или раздела, ключевых и продвигаемых слов. Подробнее...[/di];
        • определение [dw]прав доступа[/dw][di]Запрет или разрешение доступа к информации и инструментам. Подробнее...[/di].
      • Меню - пункт для работы с [dw]навигацией[/dw][di]Меню в системе может быть расположено в разных местах и включать несколько уровней вложенности. Подробнее... [/di]. Если мы хотим добавить или отредактировать меню на странице - нам сюда.
      • Структура - меню для доступа к [dw]управлению структурой[/dw][di]Получить доступ к любому файлу или папке, переместить или изменить файлы - все это мы можем сделать с помощью инструмента Управление структурой. Подробнее...[/di] системы.
      • SEO - инструменты [dw]поисковой оптимизации[/dw][di]Поисковая оптимизация - комплекс действий по улучшению позиций сайта в результатах поисковых систем. Подробнее... [/di]. С помощью этого инструмента мы можем управлять ключевыми словами, заголовками и даже получить конкретные рекомендации системы по оптимизации.
      • Сбросить [dw]кэш[/dw][di]Кеш - это некое хранилище для ускорения просмотра информации на сайте. Когда пользователь просматривает информацию на сайте, то она не всегда запрашивается из базы данных, а берется из кеша.[/di] - пункт для работы с [dw]кэшированием[/dw][di]Инструменты панели управления позволяют сбросить кэш всей страницы, компонентов или не использовать кэш вообще. Подробнее...[/di]. Работа с кэшем требует определенных знаний, поэтому советуем сначала обратиться к администратору.
      • Компоненты - пункт для быстрого перехода к редактированию [dw]компонентов[/dw][di]Компонент - готовый элемент сайта, со своими функциями. Из компонентов, как из деталей, можно собрать всю конструкцию сайта. Подробнее... [/di].
      • Шаблон сайта/Отладка - эти два пункта предназначены для разработчиков, поскольку затрагивают вопросы [dw]администрирования[/dw][di]Вопросы администрирования рассматриваются в отдельных курсах для администраторов. Подробнее...[/di] и изменения кода. Поэтому не рекомендуем использовать их контент-менеджеру, легко можно что-то сломать:)
      • Статистика - инструмент для просмотра данных [dw]веб-аналитики[/dw][di]Веб-аналитика - система измерения, сбора, анализа информации о посетителях веб-сайтов с целью оптимизации. Подробнее...[/di] - графика посещаемости страниц и статистики переходов.
      • Короткий URL - пункт для создания [dw]короткой ссылки[/dw][di]Функционал, позволяющий изменить вид адреса любой страницы в рамках системы. Подробнее...[/di] на текущую страницу. К примеру, длинный адрес http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/ мы можем преобразовать в http://ваш_сайт.ru/~Вечерний спорт.
      • Стикеры - постоянно забываете что-то? Создайте заметку для себя и коллег прямо на странице с помощью [dw]стикеров[/dw][di]Функционал для создания заметок, которые могут быть привязаны к какой-то области или элементу на странице. Подробнее...[/di].
      • Мастер настройки - для установки любого решения на базе "1С-Битрикс: Управление сайтом" мы используем [dw]мастер настройки[/dw][di]Пошаговый мастер, который помогает нам установить и настроить систему. Подробнее...[/di]. С помощью этого пункта меню мы можем вернуться к этому мастеру и что-то изменить. Как вы понимаете, это инструмент больше нужен администраторам, но контент-менеджеру необходимо знать о его существовании:)
      • Протестировать новое решение - ещё один инструмент разработчика. При установке системы мы выбираем какое-то готовое решение (например, интернет-магазин или информационный портал). С помощью этой кнопки мы можем быстро перейти к установке другого решения. В большинстве случаев этот элемент на панели управления будет недоступен контент-менеджеру.


      Заключение

      На панели расположены самые нужные контент-менеджеру инструменты. Функции сгруппированы по смыслу и могут быть недоступны, если не хватает прав доступа.


      Панель управления

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


      Как же ведется работа с сайтом?

      Что же представляет из себя панель управления? После того, как мы перешли на сайт и [dw]авторизовались[/dw][di]Выполнили вход на сайт. Подробнее..[/di], в верхней части страницы появится панель:

      Нажмите на рисунок, чтобы увеличить

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

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


      Из чего состоит панель управления?

      Две основных части панели управления - это вкладки [dw]Сайт[/dw][di][/di] и [dw]Администрирование[/dw][di][/di]:

      • Вкладка Сайт представляет собой непосредственно [dw]публичную[/dw][di]Публичный раздел - основное место работы контент-менеджера. Он является частью 1С-Битрикс: Управление сайтом, видимой обычным пользователям. При наличии достаточных прав в нем можно производить работы по редактированию содержимого сайта[/di] часть сайта и панель инструментов. Такой режим отображения очень нагляден, так как мы можем внести изменения и сразу увидеть их на странице. Однако в этом режиме у нас нет доступа ко всем настройкам и возможностям. Все инструменты на вкладке Сайт мы разберем чуть дальше.
      • Вкладка Администрирование переносит нас в административную часть системы. В административном разделе мы имеем доступ ко всем настройкам и возможностям системы.

      Представьте себе автомобиль. Мы можем внести небольшие внешние изменения, сесть за руль и поехать. Однако для более глубокой настройки и понимания принципа работы машины нам нужно "залезть под капот". Таким же образом устроена панель управления в "1С-Битрикс: Управление сайтом". Вкладка Сайт позволяет быстро и наглядно внести небольшие изменения. В то время как вкладка Администрирование предназначена для опытных пользователей и решения более сложных задач.

      Также из важных элементов панели стоит отметить:

      • [dw]кнопка Меню[/dw][di][/di] - большое выпадающее меню позволяет быстро перейти в любую часть административного раздела.
      • [dw]окно уведомлений[/dw][di][/di] - здесь выводятся важные системные сообщения и оповещения. Цифра рядом обозначает количество новых уведомлений.
      • [dw]настройка горячих клавиш[/dw][di][/di] - окно настроек горячих клавиш, мы можем назначить нужную нам комбинацию клавиш почти на любую частую операцию.

      Заключение

      Панель управления - наш основной инструмент для работы с системой. Работа ведется на вкладках Сайт и Администрирование. В следующих уроках мы подробно разберем все важные элементы панели управления.


      Режим правки

      Режим правки: наводим мышь и редактируем

      Предположим перед нами стоит задача изменить номер телефона на главной странице. Или быстро добавить товар в каталог. Как нам действовать? Можно открыть страницу в редакторе и внести правки, но это не очень быстро и наглядно. Нас выручит режим правки - мы просто наведем мышь на нужное место страницы и изменим элемент на "на лету".


      Для включения режима нажмите на [dw]кнопку[/dw][di][/di]. После этого при наведении мыши на области страницы мы увидим [dw]всплывающую панель[/dw][di][/di]. Вид этой панели зависит от той области, с которой мы работаем. Существует три ситуации для режима правки:


      Включаемые области

      Когда мы навели мышь на [dw]включаемую область[/dw][di]Включаемая область - это специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. Подробнее...[/di]. Наиболее простой случай, в этом случае панель будет иметь такой вид - .

      Например, нам нужно изменить время работы нашего магазина:

      Наводим мышь на эту область, нажимаем кнопку [dw]Изменить область[/dw][di][/di] и редактируем текст. Легко и просто.


      Рабочая область страницы

      Мышь расположена над [dw]рабочей областью[/dw][di]Предположим наша страница состоит из шапки, верхнего меню, бокового меню и подвала. Оставшееся место в центральной части страницы - это и есть рабочая область. Именно в ней размещается вся информация.[/di] страницы. В этом случае панель примет вид .

      К примеру, мы хотим изменить текст на странице О магазине:

      Нажмите на рисунок, чтобы увеличить

      Повторяем общий порядок действий: наводим мышь на текст, нажимаем кнопку Изменить и редактируем текст.

      Область компонента

      Последняя ситуация - когда выбрана область [dw]компонента[/dw][di]Компонент - программный код, оформленный в специальную оболочку. Мы можем вставлять этот блок кода на страницы сайта без непосредственного написания кода. То есть это "кирпичики", из которых мы выстраиваем внешний вид сайта. Подробнее...[/di]. В системе огромное количество компонентов и вид панели будет зависеть от конкретной ситуации.

      К примеру, у нас на странице расположен каталог платьев и мы хотим изменить название левого платья:

      Нажмите на рисунок, чтобы увеличить

      Для вывода списка платьев используется [dwi include_component]компонент[/dwi] Каталог. Наведем мышь на нужную нам область. Панель примет вид:

      Нажмем Изменить товар и в открывшейся [dw]форме[/dw][di][/di] редактирования изменим название товара.


      Заключение

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

      Горячие клавиши

      Горячие клавиши: ускорь свою работу

      Многие операции в системе "1С-Битрикс: Управление сайтом" гораздо удобнее и быстрее выполнять не мышью, а с помощью комбинаций горячих клавиш. Причем вы можете задать комбинации, удобные именно вам.

      Настройка горячих клавиш производится с помощью кнопки Горячие клавиши на панели управления.

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

      Если вы забыли какие горячие клавиши назначены для действия, то при наведении курсора мыши на данную кнопку всплывёт подсказка:


      Административный раздел

      Самая главная часть сайта

      Изучите основные элементы интерфейса [dwi include_admin_area]Административного раздела[/dwi] системы, с помощью которых выполняется полное управление содержанием и настройками сайта. [dwi include_public_area] Публичная часть[/dwi] у каждого сайта - своя. А вот Административный раздел на всех сайтах под управлением "1С-Битрикс: Управление сайтом" одинаковый. Изучив его один раз, Контент-менеджер сможет работать с любым сайтом.

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

      Для перехода в Административный раздел служит закладка , расположенная на [dwi include_control_panel]Панели управления[/dwi] в Публичном разделе сайта.

      Либо сразу авторизуйтесь с административной части системы: в адрес сайта допишите: [dw]/bitrix/[/dw][di]То есть в адресной строке браузера должно быть набрано: http://<домен сайта>/bitrix/[/di] и нажмите кнопку Ввод.

      Примечание: Для коробочной версии "Битрикс24" переход в административный раздел возможен только через дописывание /bitrix/ в адресе сайта.

      Заключение

      Административный раздел - часть "1С-Битрикс: Управление сайтом", где производится управление модулями системы, структурой сайта, его содержанием, посетителями и другими составляющими сайта. Недоступен для просмотра обычным посетителям сайта. Список возможностей Контент-менеджера в этом разделе зависит от того, какие права дал ему Администратор.



      Логика интерфейса административного раздела

      Как ориентироваться в административной части

      Текстовое содержание (нажмите на "плюсик")

      Заключение

      Интерфейс системы построен по иерархическому принципу: вышестоящие области интерфейса переключают зависимые области в тот или иной режим работы. Это позволяет скрыть ненужный в данный момент функционал системы и вынести на первый план требуемые функции. Такая организация интерфейса обеспечивает его наглядность и неперегруженность.


      Административная панель управления

      Команды общего назначения

      Текстовое содержание (нажмите на "плюсик")


      Административное меню

      Первый уровень иерархии: выбираем логический блок функционала

      Весь большой и разнообразный функционал "1С-Битрикс: Управление сайтом" для удобства работы с ним разбит в Административном меню на логические блоки. В зависимости от того, установлены ли те или иные модули, состав административного меню может различаться: какие-то блоки могут отсутствовать. Например, в редакциях Первый сайт, Старт, Стандарт и Эксперт будет отсутствовать блок Интернет-магазин.


      Рабочий стол - инструмент для организации удобного управления работой сайта с помощью произвольно размещаемых гаджетов.


      Контент содержит инструменты для управления информационными блоками, структурой сайта (т.е. папками и файлами), ресурсами медиабиблиотеки, а также настройки документооборота и управления документами.


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


      Магазин позволяет осуществить продажу товаров и услуг с сайта.


      Клиенты служит для интеграций сайта с порталами Битрикс24 и организации каналов связи с ними.


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


      Аналитика полностью посвящен функциям сбора, обработки и отображения статистики по сайтам. Этот раздел присутствует, только если установлен модуль Веб-аналитика.


      Marketplace позволяет обновлять систему, устанавливать и обновлять партнерские модули и решения.


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


      Выбрав любой из этих блоков вы измените вид Меню функций.

      Меню функций

      Второй уровень иерархии: выбираем конкретный функционал

      Текстовое содержание (нажмите на "плюсик")


      Основная рабочая область

      Третий уровень: там где выполняются работы

      Текстовое содержание (нажмите на "плюсик")



      Списки элементов

      Универсальный способ вывода списка любых элементов

      Что бы вы не захотели посмотреть в административном разделе «1С-Битрикс: Управление сайтом»: баннеры, товары, новости и так далее, вы всё увидите в виде Списка элементов. В них отображена вся информация об элементах. Например, выбрав пункт Баннеры в разделе Маркетинг, пользователь получает информацию об имеющихся в системе баннерах:

      Нажмите на рисунок, чтобы увеличить

      На странице со списком элементов обычно выводится фильтр, контекстная панель, сам список элементов и панель действий под списком. Далее рассмотрим составные части списка элементов.


      Фильтр

      Найти иголку в стоге сена

      Найти нужный баннер, товар, новость или что-то ещё среди большого количества однотипных элементов поможет удобный настраиваемый фильтр.

      Что есть в фильтре

      Типичный фильтр выглядит так:

      1 Область закладок. Здесь появляются сохранённые вами конфигурации фильтра. Пример создания закладки - ниже.
      2 Кнопка сворачивания фильтра. Постоянно раскрытый фильтр не всегда нужен. Его можно свернуть для освобождения места на экране монитора.
      3 Поля параметров поиска с [dw]кнопкой подсказки[/dw][di][/di] по условиям поиска.
      4 Чекбокс включения точного поиска (есть не во всех фильтрах). При использовании этого поля фильтр будет искать только точное совпадение введённого значения.
      5 Кнопка сохранения создаваемых закладок.
      6 Включение [dw]дополнительных параметров[/dw][di][/di] поиска. По умолчанию фильтр открывается с единственным полем для поиска. При необходимости организовать сложный поиск просто добавьте нужные поля. Система запомнит это состояние фильтра для вас. И когда вы будете открывать страницу в следующий раз, эти поля уже будут в фильтре. если вы удалите и замените одни поля на другие, то система запомнит новый состав фильтра.

      Сохраните часто используемую конфигурацию фильтра, пригодится

      При постоянном использовании нескольких вариантов полей в фильтре, есть смысл их сохранить как закладки фильтра. Например, на странице Сервисы > Опросы > Список опросов необходимо часто выбирать все активные на данный момент опросы. В фильтре добавим поле Активность и удалим поле Название. С помощью кнопки создадим новый фильтр:

      Фильтр-закладку можно сделать доступным только для себя либо доступным для всех. Число закладок неограничено.

      Активный фильтр меняет свой цвет. Если фильтр свёрнут, то меняет свой цвет действующая закладка:

      Важно помнить

      При поиске в поля можно вводить неполные параметры. Например, если ввести "справ", то поиск выберет все элементы, содержащие в названии эту часть слова: Справка, Справочная информация, Исправить дело и так далее.

      Параметры, по которым фильтр может отображать данные, будут различными для разных форм. Различно и их число. По умолчанию показывается всегда одно поле: Имя (или аналог этого понятия).

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

      Заключение

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


      Список элементов

      Как устроен список элементов

      Список элементов - основной способ представления информации в системе. Он используется везде: список баннеров, список элементов инфоблока, список страниц сайта и так далее. Вне зависимости от того, что список отображает он имеет общие составные части.

      Структура списка элементов

      Нажмите на рисунок, чтобы увеличить

      1 - Контекстная панель. Состав панели может сильно различаться в зависимости от списка элементов.
      2 - Колонка флажков. Позволяет выбрать элементы, над которыми нужно совершить какие-то действия.
      3 - Меню действий. Список команд, которые можно выполнить над одним элементом.
      4 - Собственно список элементов.
      5 - Панель действий. Действия, которые можно совершить над выбранными в Колонке флажков элементами.
      6 - Постраничная навигация.
      7 - Окно выбора числа элементов на одной странице списка.


      Работа в списке элементов

      Как работать со Списком элементов

      Список элементов позволяет не только просмотреть все или быстро найти нужный элемент. Он позволяет и выполнять некоторые другие действия: активировать/деактивировать элементы, переносить их в другие разделы, менять статус элемента в [dwi include_document_flow]Документообороте[/dwi] и многое другое. Возможности действий зависят от того, список каких элементов в данный момент просматривается.

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

      Выполнять какие-нибудь действия над элементами в списках можно с помощью:

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

      2 - Колонки флажков, где происходит выбор элементов, надо которыми нужно совершить действия. Установка флажка в [dw]заголовке таблицы[/dw][di][/di] приводит к выбору всех элементов, отображаемых на данной странице. (Для выделения вообще всех элементов установите флажок в поле Для всех на Панели Действий.)

      3 - Меню действий - то, что можно совершить над одним элементом. Набор команд в этом меню так же [dw]зависит от самого списка элементов[/dw][di]Например, элементы таблицы страницы Статьи
      (Контент > Статьи > Статьи) предполагают
      такие действия:

      [/di].

      5 - Панель действий, где выполняются действия над выбранной группой элементов:

      • Удаление.
      • [dw]Изменение[/dw][di]Кнопка Быстрое редактирование: [/di] наиболее важных и часто используемых свойств одновременно у всех выбранных элементов без переключения в форму редактирования. Рекомендуем пользоваться этими возможностями только для групповых операций небольших по объему параметров типа Сортировки или Названия. В крайнем случае – анонсов. Редактирование объемных текстов новостей или статей таким способом неудобно, лучше пользоваться формой редактирования.
      • Выполнение одного из [dw]возможных действий[/dw][di][/di]. Список действий различен для разных таблиц элементов.

      Важно помнить!

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

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

      Заключение

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


      Пример быстрого редактирования группы элементов

      Как изменить несколько параметров у нескольких элементов с минимальным количеством кликов

      Необходимо отредактировать список новостей из новостного инфоблока:

      • изменить порядок их вывода на странице,
      • поменять название
      • одну новость сделать неактивной на определенный промежуток времени
      • одну новость удалить

      Способ решения задачи

      В административном разделе зайдите на страницу со списком элементов инфоблока новостей:

      В меню действий новости, которую требуется удалить, выберите Удалить:

      Нажмите ОK в [dw]окне подтверждения[/dw][di][/di] и новость будет удалена.


      [dw]Отметьте новости[/dw][di][/di], которые нужно отредактировать и на Панели групповых действий нажмите кнопку [dw]Быстрое редактирование[/dw][di][/di], после чего станет возможно редактировать прямо на данной странице:

      Внесите нужные изменения и сохраните их. Всё, дело сделано!


      Настройка списка элементов

      Как сделать список элементов удобным для восприятия

      Удобство работы со списком элементов - один из факторов быстрой и производительной работы контент-менеджера. Но каждый сайт - это свои информационые блоки со своими параметрами, свои опросы, свои группы баннеров и так далее. Создать удобный для всех случаев интерфейс списка элементов - невозможно. Поэтому в «1С-Битрикс: Управление сайтом» реализована возможность настройки списка элементов. Контент-менеджер может сделать видимым в списке только то, что ему нужно.

      Способ настройки

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

      Из Доступных колонок [dw]перенесите[/dw][di]с помощью кнопки
      [/di] в Выбранные колонки нужные вам колонки. В Выбранных колонках удалите ненужные, а остальные [dw]разместите[/dw][di]С помощью кнопок
      [/di] в удобном для вас порядке.

      Для применения выбранных настроек нажмите кнопку Сохранить. Для возврата к настройкам списка по умолчанию нажмите Сбросить.

      Важно помнить!

      Полностью удалять все параметры из поля Выбранные колонки - нельзя, должна оставаться хотя бы одна колонка.

      Колонку флажков и Меню действий из Списка элементов удалить нельзя в принципе - это системные колонки.

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

      Заключение

      «1С-Битрикс: Управление сайтом» позволяет сделать работу Контент-менеджера удобной и производительной. Один из способов - настройка списка элементов, что позволяет держать перед глазами всегда только те данные, которые нужны.


      Форма редактирования элемента

      Что общего в разных формах редактирования: новости, заказы, баннеры...

      Каждый элемент системы можно изменить: отредактировать новость, изменить описание товара, изменить SEO параметры страницы, создать скидку, настроить параметры модуля и так далее. Форма изменения появляется по команде [dw]Изменить[/dw][di][/di] . Несмотря на то, что формы различаются полями, объёмом изменяемой информации, можно выделить некоторые общие моменты для всех форм. Рассмотрим общие для всех форм редактирования моменты на примере формы изменения элемента [dwi include_iblock]Информационного блока[/dwi]:

      Что есть на любой форме

      1 - Контекстная панель. Её [dw]состав разный[/dw][di]Например, в параметрах Опроса в Контекстной панели очень много команд:

      [/di] в зависимости от формы, но на любой панели есть кнопка возврата к списку элементов.

      2 - Область закладок. Формы редактирования могут иметь большое число изменяемых свойств, поэтому схожие поля собраны в логические группы и выводятся в виде закладок. Обычно свойства сгруппированы так, что на первых страницах свойств (в порядке слева направо) помещаются наиболее часто используемые, а на последних - другие, дополнительные параметры. Доступен просмотр всех полей формы в одной закладке (или возврата в режим закладок) с помощью [dw]кнопки-треугольника[/dw][di][/di] в правой части области полей формы.

      Несмотря на использование вкладок Область полей может быть большой и не помещаться на один экран. Для удобства сделайте постоянно видимыми Область закладок и Панель команд с помощью [dw]кнопки-гвоздика[/dw][di][/di].

      Внешний вид формы можно настроить для удобства работы: изменить состав и количество вкладок и полей. (Доступно не для всех форм редактирования.) Настройка формы и возвращение вида по умолчанию - по [dw]кнопке-шестерёнке[/dw][di][/di].

      3 - Область полей. Здесь и выводятся поля для редактирования. Названия полей, обязательных для заполнения, выделяются жирным шрифтом. Все формы работающие с контентом позволяют выбрать изображения для размещения [dw]однотипным способом[/dw][di][/di].

      4 - Панель команд.
      Сохранить: внесённые изменения сохраняются, форма закрывается.
      Применить: изменения сохраняются, форма остаётся открытой для дальнейшего редактирования.
      Сохранить и добавить: изменения сохраняются, форма изменения закрывается и открывается новая форма для добавления элемента.

      Заключение

      Несмотря на обилие форм редактирования, у всех них есть общие области.

      Формы редактирования настраиваются под конкретные условия работы.


      Навигация и поиск

      Как быстро попасть на нужную страницу

      В Административном разделе предусмотрено несколько способов навигации и поиска. Традиционно навигация осуществляется с помощью пунктов Административного меню и Меню функций. Но есть и быстрый способ навигации - с помощью навигационной цепочки:


      "Умный" поиск - быстрый поиск

      На любой странице Административного раздела можно воспользоваться "умным" поиском, который при наборе слова уже начинает предлагать возможные варианты страниц, где встречается набираемое слово:


      Поиск по файлам

      В рамках [dwi include_physical_structure]файловой структуры[/dwi] есть механизм поиска файлов, размещающийся на контекстной панели в виде кнопки [dw]Поиск[/dw][di][/di]. Нажатие на эту кнопку открывает окно поиска:

      Поиск ищет как по имени, так и по содержимому. Ограничения можно наложить следующие:

      • По папке или сайту;
      • Дате изменения;
      • Размеру файла;
      • Регистру.

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

      С помощью поиска можно произвести замену слова или фразу в файле. Для этого воспользуйтесь закладкой Замена.

      Избранное

      Избранное - ваше хранилище "любимых" ссылок

      Избранное позволяет в один клик мыши перейти на нужную страницу сайта или в нужный раздел Административного интерфейса. Такой переход возможен как из [dw]Публичной[/dw][di][/di], так и из [dw]Административной части[/dw][di][/di]. В Избранное можно добавить любую страницу как Публичного, так и Административного раздела, а также созданные вами фильтры.

      Добавление в Избранное и его настройка

      Добавить страницу в Избранное из Публичного раздела:

      • Откройте необходимую страницу.
      • Выполните на [dwi include_control_panel]панели управления[/dwi] команду Меню > Избранное > Добавить в избранное. В Административном разделе откроется форма редактирования ссылки Избранного.
      • Заполните поля ссылки и сохраните изменения.

      Добавить страницу в Избранное в Административном разделе:

      • с помощью специальной [dw]кнопки-звёздочки рядом с названием[/dw][di][/di]:
      • [dw]перетаскиванием (drag&drop) страницы[/dw][di][/di] (или предустановленного фильтра) из Меню функций к правому краю экрана.

      Редактирование Избранного производится на странице Административного раздела Настройки > Избранное (с публичной части на неё переходят по команде Закладка Сайты > Меню > Организовать избранное).

      Нажмите на рисунок, чтобы увеличить

      Важно помнить!

      При редактировании ссылки на странице Настройки > Избранное можно изменить название ссылки, но нельзя менять ее путь (поле Ссылка). При необходимости можно добавить комментарий в специальное поле.

      Добавленные в Меню ссылки видны только тому пользователю, который их добавил.

      Администратор может добавлять в список Избранного ссылки, которые видны всем.


      Рабочий стол

      Рабочий стол - организуй своё рабочее пространство

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


      Настройки Рабочего стола

      Сделайте Рабочий стол вашим удобным рабочим местом

      Удобная работа в Административной части при настроенном под потребности Контент-менеджера Рабочем столе - реальность. Достаточно только вывести на него нужные гаджеты и настроить внешний вид "под себя".

      Текстовое описание (нажмите на "плюсик")


      Гаджеты на рабочем столе

      Гаджеты

      Гаджеты в продуктах «1С-Битрикс: Управление сайтом» - это особые программные элементы, выполняющие функции уведомления и быстрого перехода к различным элементам управления и настройки системы и её элементов. С помощью гаджетов на Рабочем столе может быть представлена самая разнообразная информация.


      Список гаджетов. (Нажмите на "плюсик".)

      Управление гаджетами

      Для добавления служит кнопка Добавить гаджет. По ее нажатии открывается выпадающий список всех доступных гаджетов:

      Выберите необходимый вам гаджет и он отобразится на рабочем столе в левой колонке сверху.

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

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

      Пример параметров настройки:

      Системой запоминаются все выполненные персональные настройки и расположение гаджетов.


      Контекстная помощь

      Ложка дорога к обеду

      Обилие справочной информации «1С-Битрикс: Управление сайтом» иной раз создаёт проблему: где искать ответ на свой вопрос? Для облегчения поиска иголки в стоге сена создана Контекстная помощь, доступная только в [dwi include_admin_area]Административном разделе[/dwi] системы. К ней обращаются нажатием на кнопку в Административной панели. В Контекстной помощи отобразится вся информация по теме страницы, с которой она открывается. Если открываете со страницы Список баннеров, то выведется всё по работе с баннерами. Если открываете со страницы Заказы, то увидите всю информацию по заказам. И так далее.

      Нажмите на рисунок, чтобы увеличить

      Справка содержит следующие разделы (не все из них могут отображаться на каждой странице):

      • Почитайте готовые ответы - это список быстрых вопросов и ответов. Здесь собраны типовые вопросы и ответы, которые поступали в службу поддержки.
      • Учебный курс - список уроков из учебных курсов с детальным и подробным описанием функционала.
      • Советы пользователей - статьи партнёров 1С-Битрикса о работе с тем или иным функционалом.
      • Посмотрите Видеоролики - список видеороликов с общим рассказом о функционале и приёмах работы.
      • Пользовательская документация - список страниц из Пользовательской документации.
      • Быстрый поиск поиск по всем справочным материалам. Иногда с его помощью можно быстрее получить ответ.
      • Расскажите, что вы искали и не нашли - форма для отправки запроса на разъяснение тех или иных возможностей продукта.

      Для администраторов в самом низу отображается ещё и форма для обращения в техподдержку компании "1С-Битрикс".

      После клика по названию статьи, откроется сама статья. Есть несколько особенностей:

      1. Для изучения функционала бывает полезно одновременно с чтением повторять действия, описанные в статье. Чтобы сделать это воспользуйтесь ссылкой [dw]Открыть в новой вкладке[/dw][di][/di]. Статья откроется в новой вкладке, а на самом сайте вы сможете повторять действия, описанные в ней. Рекомендуется пользоваться этой опцией, так как функционал курсов имеет более широкие возможности, чем контекстная справка.
      2. Вы можете высказать своё отношение к статье с помощью специальных кнопок:

      Заключение

      Контекстная справка - информация о функционале, открываемая "по месту требования". То есть в разделе Информационные блоки откроется окно с информацией только о работе с инфоблоками, в разделе Медиабиблиотека - только о медиабиблиотеке.


      Экспорт в MS Excel

      Как получить данные из системы в формате MS Excel

      Сохранить данные из «1С-Битрикс: Управление сайтом» на локальный компьютер - достаточно частая задача. Для такой операции используется формат MS Excel. Экспорт в него прост, выполняется в пару кликов прямо из Списка элементов. Используйте для этого кнопку[dw]Настроить[/dw][di][/di]. Если перед экспортом воспользоваться [dwi include_6093991]фильтром[/dwi], то можно сохранить список только нужных вам элементов, а не всех подряд.


      Информация на сайте и работа с ней

      Управление информацией - основная обязанность контент-менеджера. Вам предстоит научиться:

      • Создавать страницы и разделы сайта.
      • Задавать свойства страниц и разделов.
      • Управлять правами доступа к страницам и разделам.
      • Управлять адресами страниц.
      • Загружать файлы на сайт.
      • Освоить другие приёмы работы.

      Статическая и динамическая информация

      Два типа информации: как они облегчат вашу работу

      Информация делится на два типа. Такое деление облегчает работу контент-менеджера над содержанием сайта. На любой странице сайта посетитель встречает текст, картинки, таблички или видео. И ему всё равно как происходит добавление и вывод этих данных. Но для контент-менеджера всё не так однозначно. Хотя работа с текстом в обоих случаях происходит через [dw]Визуальный редактор[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di], эти два типа имеют существенные различия.

      Первый тип информации называется "статический", второй тип - "динамический". Детальнее разницу поясним ниже, а пока: как же различать эти виды информации на сайте? При включённом [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

      Подробнее...[/di] виды информации различаются по виду панелек:

      Нажмите на рисунок, чтобы увеличить

      1. Изменить область - редактирование [dw]Включаемой области[/dw][di]Включаемая область - специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. Подробнее...[/di] - статическая информация.
      2. Изменить страницу в редакторе - редактирование текста непосредственно на странице - статическая информация.
      3. Создать/Изменить товар - создание/редактирование текста выводимого [dw]компонентом[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] - динамическая информация. На иллюстрации - каталог товаров, поэтому на панельке используется слово "товар". В случае новостей отображается: Изменить новость. Для каждого отдельного вида динамичной информации используется своё слово.

      Зачем нужно такое деление?

      Казалось бы, и там и там - текст, картинки и видео. Зачем городить огород и создавать два вида информации? Позвольте пояснить вам разницу.

      Представьте себе: стоит задача добавить на сайт текст "О компании". Как часто вы это делаете? Один раз, при создании сайта. И редактируется такой текст не часто.

      А теперь представьте: стоит задача добавить 100 видов товаров в каталог. А если у товара несколько меняющихся параметров? Например, футболка - цвет и размер. Цветов пусть - 3, а размеров - 4. Если добавлять как отдельный товар каждую из 100 футболок со своим цветом и размером, то получится - 1200 товаров. А это - 1200 созданных вручную страниц сайта, если создавать как статичную информацию. А товарам ещё задаются поисковые слова для индексации Яндексом, задаются цены. Товары могут кончаться на складе и надо снимать с показа временно отсутствующие товары. Просто ад для контент-менеджера если делать это всё вручную.

      В случае динамической информации "1С-Битрикс: Управление сайтом" всю рутинную работу Контент-менеджера берёт на себя. Система сама создаёт страницы для товара, подставляет типовые значения в поля описаний и ключевых слов для поисковых машин, сама отслеживает актуальность информации и так далее.

      Зачем нужно понимать где какая информация?

      Для простой работы с содержанием сайта прочитанного вами до этого момента вполне достаточно. Вы знаете как различать статическую и динамическую информацию по панелькам. Но квалифицированный Контент-менеджер должен уметь несколько больше. Понимание разницы между этими видами информации позволит разобраться:

      • какой вид информации предпочтителен для каких задач,
      • почему в некоторых случаях не показываются те самые панельки на редактирование,
      • с принципами работы с любым содержанием: каталог, фотогалерея, блоги и так далее,
      • как создавать целые разделы сайта в несколько кликов,
      • как упростить ввод больших объёмов данных с помощью импорта,
      • и многое другое.
      Из высказываний владельца веб-студии

      Как я нанимаю контент-менеджера? Да очень просто! Спрашиваю может ли он добавлять информацию в каталог?
      Как правило, отвечают - "Да!" Я тут же даю доступ к тестовому сайту и файлик с информацией. Файлик, замечу, в формате CSV. Если претендент начинает добавление с открытия страницы Импорт CSV, то собеседование идёт дальше. Если начинает добавлять вручную, то мы прощаемся.

      Заключение

      Вы научились различать два вида информации, которые вам встретятся в "1С-Битрикс: Управление сайтом". Уяснили почему нужно такое деление. Повторим:

      Статическая информация - это редко изменяемая информация, которая выводится непосредственно в тексте самой страницы сайта вручную контент-менеджером.

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

      На следующих страницах мы подробнее расскажем о двух типах информации: что у них общее и что разное, что такое физическая и виртуальная страница (раздел) сайта и дадим пример размещения двух типов информации.


      Общее и отличия

      Сравниваем и выбираем нужный тип информации

      Изучите общее и отличия для двух типов информации. Понимание разницы между ними позволяет быстрее и оптимальнее решать задачи по наполнению сайта.


      Общее у обоих типов то, что редактирование в обоих случаях происходит одинаково: в [dw]Визуальном редакторе[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di].


      А вот различий намного больше. Понять эту разницу не сложно, но сосредоточиться вам придётся.

      • Первое отличие - место размещения информации в системе. Статическая информация размещается в самих файлах вашего сайта, динамическая - в [dw]Базе данных[/dw][di]База данных - часть вашего сайта, в которой хранится однородная информация. Недоступна для управления Контент-менеджером.[/di], используемой вашим сайтом.

        В Базу данных информацию заносят с помощью [dw]Информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di], а извлекают с помощью [dw]компонентов[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di].

      • Второе отличие прямо вытекает из первого: где отображаются статическая и динамическая информация.

        Здесь сделаем небольшое отступление, иначе дальше будет не понятно. В "1С-Битрикс: Управление сайтом" используется термин раздел как для разделов со статической, так и для разделов с динамической информацией. Для сайта они обозначают одно и то же: логическую структурную единицу, в которой размещаются другие логические единицы. Пример: раздел сайта "О компании" в котором есть отдельные страницы: "О нас", "Контакты", "Наши услуги" и так далее. Или раздел "Каталог" в котором есть подразделы "Обувь", "Одежда" и так далее.

        Но с технической точки зрения (смотри первое отличие) - это разные вещи:

        • Раздел с динамической информацией - это запись в базе данных.
        • Раздел со статической информацией - это папка с файлами.

        Аналогично и со страницами, они могут быть и статическими и динамическими.

        Примечание: Статическую страницу ещё называют "физической", а динамическую - "виртуальной".

        Как отличить какой раздел (страница) на сайте статический, а какой динамический? По адресу страницы: если в структуре сайта есть папка (файл) с таким же именем, то это - статическая страница. Если нет - то динамическая. Посмотрите небольшое видео:

      • Так вот, статическая информация показывается только на конкретной странице (файле), а динамическая показывается как на физической, так и на динамической странице.

      • Третье отличие - как происходит вывод информации.

        Если для второго отличия есть видео, то здесь придётся объяснять словами. В случае статической информации "1С-Битрикс: Управление сайтом" просто показывает файл с текстом, картинкой, видео и всё. Если пользователь открывает динамическую страницу, то запускается выполнение программного кода, создаётся страница и показывается пользователю.

        Программный код, который выполняет создание динамической страницы и показ её посетителю, называется компонент. Детально вы с этим понятием познакомитесь ниже.

      • Четвёртое отличие - возможность программной обработки информации. Поскольку динамическая информация - это запись в Базе данных, то она изменяется и адаптируется. Например:
        • соединятся с другой: описание товара соединяется с ценами и скидками на них или с другими подобными товарами;
        • показывается в списке вместе с другими записями в зависимости от разных критериев: фильтр в поиске товаров, по наличию на складе, участвующие в той или иной акции;
        • добавляются к конкретному товару общие ключевые слова для данной группы товаров;
        • и так далее.
      • Пятое отличие - возможность быстрого изменения формы вывода информации.

        Для изменения формы вывода статической информации правится информация на самой странице. И хотя Визуальный редактор позволяет сделать это максимально комфортно, всё же это требует дополнительных усилий. В некоторых особо сложных случаях требуется и знание [dw]HTML[/dw][di]HTML - технические коды, обеспечивающие различное отображение информации. Самый простой пример: выделить текст жирным шрифтом или с подчёркиванием.
        Знание и умение применять эти коды - не обязательное, но желательное умение для Контент-менеджера.[/di].

        Посмотрите насколько просто изменять внешний вид с помощью простых действий в настройках компонента:

      Заключение: какой тип когда лучше применять

      Отличия в свойствах определяют применение типов. Статический тип лучше всего применять для редко изменяемой информации вывод которой не зависит от каких-то часто меняющихся условий. Например: страницы с информацией об организации, её контакты, условиях работы.

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


      Пример размещения информации

      Пример размещения статической и динамической информации

      Видео вам в помощь:


      На статической странице допускается размещение как статической, так и динамической информации. Как правило, статическая информация размещается над динамической информацией.

      При редактировании статической страницы в [dw]Визуальном редакторе[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di] статическая информация отображается непосредственно в виде текста. На иллюстрации этот текст в красной рамке. Динамическая информация в визуальном редакторе не показывается. Видна только иконка [dw]компонента[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] (в синей рамке), который будет выводить эту самую динамическую информацию на странице сайта.

      Нажмите на рисунок, чтобы увеличить

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

      Нажмите на рисунок, чтобы увеличить

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

      Из чего состоит страница сайта

      Страница сайта формируется "1С-Битрикс: Управление сайтом" по определённым правилам. [dw]Шаблон сайта[/dw][di] Шаблон дизайна - это внешний вид сайта, в котором определяется расположение различных элементов на сайте, художественный стиль и способ отображения страниц. Подробнее...[/di] формирует каркас страницы в который добавляется[dw]динамическая[/dw][di]Динамическая информация - это часто изменяемая однородная информация, выводимая на страницах сайта с помощью специальных программных компонентов системы. Подробнее...[/di] и/или [dw]статическая[/dw][di] Статическая информация - это редко изменяемая информация, которая выводится непосредственно в тексте самой страницы сайта вручную контент-менеджером. Подробнее...[/di] информация, размещенная на странице.

      Создание шаблонов сайта и размещение на них [dw]компонентов[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] осуществляется разработчиками сайтов. Тем не менее, квалифицированному контент-менеджеру необходимо представлять как устроена страница сайта.


      Структура страницы

      Любая страница сайта имеет следующую структуру:

      Нажмите на рисунок, чтобы увеличить

        1 Верхняя - header - выделена красным цветом. Как правило располагается сверху ("шапка" сайта) и включает в себя логотип, лозунг сайта, верхнее горизонтальное меню и левое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: [dw]цепочку навигации[/dw][di]Цепочка навигации - один из способов навигации по сайту, состоит из последовательности названий разделов от главной страницы сайта до той, где находится посетитель.[/di]. Формируется на основе шаблона дизайна сайта.

        2 Основная рабочая область - work area - выделена синим цветом. В ней размещаются собственно информационные материалы сайта. В качестве Основной рабочей области может подключаться как физический файл, так и создаваемый системой на основе комплексных компонентов динамический код.

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

        3 Нижняя - footer - выделена зелёным цветом. Как правило, расположена внизу ("подвал сайта") и включает в себя контактную информацию, сведения об авторе и владельце сайта и так далее, нижнее горизонтальное меню и правое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: форму подписки на рассылки. Формируется на основе шаблона дизайна сайта.

      Эти три части могут занимать разную площадь, иметь разную форму. Неизменно одно: их порядок.


      В какой части страницы работает контент-менеджер

      Когда речь заходит о редактировании страниц сайта, в большинстве своем имеется в виду изменение содержимого Основной рабочей области (2). Здесь контент-менеджер размещает любую информацию: текст, список новостей, каталог товаров, форму голосования и так далее.

      В шаблоне сайта предусматриваются дополнительные [dw]Включаемые области[/dw][di]Включаемая область - специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. Подробнее...[/di], в которых также размещается информация и с ней тоже работает Контент-менеджер.


      Заключение

      Страница сайта формируется системой динамически из трёх составляющих. Контент-менеджер работает в Основной рабочей области и во Включаемых областях.


      Управление доступом к информации

      Как управлять доступом к информации: разрешать или запрещать просмотр

      Запрет на доступ к той или иной информации на сайте - достаточно частая операция. Если страница ещё не доделана, то зачем показывать её посетителю? Если часть новостей компании предназначена только для клиентов, то как не показывать её всем посетителям? В "1С-Битрикс: Управление сайтом" создана гибкая система задачи прав на доступ к информации, вы всегда можете показать только то что хотите и кому хотите.

      Полным правом задавать доступ обладает администратор сайта. Контент менеджеру делегируется ограниченный набор прав на управление. Что бы понять как пользоваться этими возможностями сначала разберёмся в теории прав доступа.

      Как организована раздача прав

      • Первое, ни один пользователь на сайте не может быть сам по себе. Он обязательно будет добавлен к одной из групп пользователей. Если это просто посетитель, который просматривает сайт, то система запомнит его и отнесёт к группе Неавторизованные пользователи. Это группа с самым низким уровнем доступа. Посетители из этой группы могут только смотреть на сайте то, что им разрешат администратор или контент-менеджер.

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

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

      • Второе: права доступа на страницу, [dwi include_iblock]Информационный блок[/dwi] и к другим инструментам системы задаются, как правило, для групп, а не для отдельного пользователя.
      • Третье: права доступа задаются на каждую конкретную страницу (раздел), информационный блок, [dwi include_module]модуль системы[/dwi].
      • Четвёртое: права назначаются разные от минимального - "Чтение" или "Закрыт доступ", до максимального - "Полный доступ".
      • Пятое и последнее: права доступа наследуются от "родительского" объекта (раздела) к "дочерним" объектам (подразделам и страницам).

      Вот сочетание этих причин и определяет что пользователь видит, а что - нет.


      Что даёт такая система

      Описанная выше система кажется сложной. Но это не так. Научившись ей пользоваться вы убедитесь в её удобстве и гибкости. Она позволяет:

      • Установить права доступа отдельно на [dw]динамические[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] и на [dw]статические[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] страницы. И какая-либо группа пользователей, к примеру, будет видеть заголовок сайта, логотип компании, адрес и контактную информацию, но не будет видеть ленту новостей или определенный раздел каталога.
      • Задать права только на чтение/изменение каких-либо отдельных страниц или разделов только для отдельных групп пользователей. В результате два контент-менеджера работающие над одним проектом не смогут вносить изменения в "зону ответственности" друг друга.
      • Запретить какой-то группе пользователей некоторые действия, например, редактирование пунктов меню.
      • Закрывать от просмотра посетителями недоделанные страницы, при этом сам контент менеджер будет видеть их и сможет работать на них.
      • Гибко управлять статусами (и возможностями) посетителей форумов, фотогалерей, опросов, голосований.
      • и так далее.

      Заключение

      Вы познакомились с принципами задания прав доступа в "1С-Битрикс: Управление сайтом"

      Право доступа - набор правил, определяющих, каким уровнем доступа обладает та или иная группа пользователей. (Например, чтение - это просмотр содержимого страницы или раздела). Права доступа обладают свойством "наследования". То есть если для текущего раздела/страницы явно не задан уровень прав, то устанавливается то право, которое задано для вышележащего раздела.

      В уроках ниже мы расскажем о технике задания прав в конкретных случаях.

      Назначение прав доступа к статическим страницам

      Разрешает или запрещает кому-либо доступ к статической странице, как правило, Администратор. Если администратор дал контент-менеджеру права на страницу не ниже Полный доступ, то вы тоже управляете допуском к странице. Действия по заданию прав очень простые и понятные.

      Назначаем права доступа при создании страницы или раздела

      На первом шаге [dw]Мастера создания[/dw][di]
      Подробнее...[/di] страницы или раздела для назначения прав доступа используется опция Ограничить доступ к странице/разделу (не публиковать).

      Просто [dw]укажите группы[/dw][di]Несколько групп выбираются с помощью клавиши CTRL.[/di], для которых страница должна быть доступна.

      Изменяем права доступа при редактировании страницы или раздела

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

      [dw]Откройте на редактирование[/dw][di]
      Подробнее...[/di] страницу или раздел и укажите нужные правила доступа для различных групп.

      Для добавления нового правила используйте ссылку Добавить право доступа. При этом откроется окно выбора объекта (пользователя или группы) для выбора:

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


      Индикация ограниченных прав доступа

      Если для страницы или раздела установлены какие-то ограничения на доступ, то кнопки Изменить страницу/Изменить раздел на административной панели будут отображаться с символом [dw]замок[/dw][di] кнопки "Изменить страницу/Изменить раздел" c символом замок[/di].

      Как отменить ограничения доступа

      [dw]Откройте на редактирование[/dw][di]
      Подробнее...[/di] свойства страницы или раздела и используйте ссылку Отменить ограничения доступа для этого раздела/страницы.

      ссылка "Отменить ограничения доступа для этого раздела/страницы"

      Важно помнить

      Администратор может определить "Группы редакторов по умолчанию", для которых устанавливаются полные права на файлы и папки. Это облегчит работу контент-менеджера по заданию прав доступа при создании большого числа страниц. В этом случае вид параметров настройки доступа будет несколько иной:

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

      Заключение

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

      Далее мы познакомимся с наследованием прав доступа.


      Наследование прав доступа статических страниц

      Наследование права доступа - это когда вы установили на раздел определённые права доступа и на все нижележащие страницы и разделы автоматически устанавливаются те же права. Наследование сделано в "1С-Битрикс: Управление сайтом" для облегчения труда Контент-менеджера. Ему не придётся бегать по всем подразделам и страницам для задания одних и тех же прав. При этом разработчики продукта сохранили и гибкость: для любого "дочернего" раздела задаются, при необходимости, свои, индивидуальные права доступа.


      Поясним принцип наследования на конкретном примере. В разделе О магазине имеется одноименная страница и вложенные подразделы и страницы (структура показана с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой.

      Подробнее...[/di] на Административной панели):

      Нажмите на рисунок, чтобы увеличить

      Допустим, перед нами стоит задача запретить доступ ко всем страницам раздела О магазине. Если отдельно для страницы данного раздела и страниц его подразделов не изменялись права доступа, то все они будут наследовать право вышележащего раздела. Поэтому нам достаточно изменить право доступа для раздела О магазине.

      Находясь на странице данного раздела, нажмите на кнопку Изменить раздел и выберите пункт [dw]Доступ к разделу[/dw][di] [/di].

      В открывшейся форме показано, что раздел наследует от вышележащего раздела (Главная страница) для всех пользователей право доступа Чтение. Изменим его на Доступ закрыт:

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

      Заключение

      Наследование доступа позволяет быстро менять права доступа на раздел и вложенные в него подразделы и страницы.


      Определение прав доступа динамических страниц

      [dw]Информационные блоки[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] позволяют задавать удобную иерархическую структуру в которой права доступа наследуются по иерархии, то есть от Инфоблока к Разделу и, следом, к Элементу. Если администратор определил для контент-менеджера права доступа на информационный блок Полный доступ, то контент-менеджер тоже управляет доступом.

      Рассмотрим наследование прав на конкретном примере. В целом механизм задания прав аналогичен статичным страницам, но есть важные особенности:

      1. Необходимо включение [dw]расширенного режима управление доступом[/dw][di] Расширенный режим управления доступом - возможность задавать права доступа не только для группы пользователей, но и для отдельного пользователя. Подробнее...[/di] для информационного блока.
      2. Задание прав производится в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di].

      Допустим, перед нами стоит задача запретить доступ разделу Нижнее белье. Если отдельно для разделов каталога Одежда не изменялись права доступа, то все они будут наследовать право Типа инфоблока: Каталоги. Поэтому нам достаточно изменить право доступа для раздела Нижнее белье.

      В административной части в разделе Контент > Каталоги > Одежда выбираем в таблице типов товаров строку Нижнее белье и в меню действий выбираем [dw]Изменить[/dw][di][/di].

      Во вкладке Доступ показано, что права доступа к разделу для группы Все посетители уже установлены на уровне Чтение.

      Перейдите по ссылке Добавить, выберите Все посетители и установите Нет доступа:

      Нажмите на рисунок, чтобы увеличить

      После сохранения внесенных изменений пункт Нижнее белье не будет демонстрироваться в меню для всех посетителей, в чем вы можете убедиться, выйдя из аккаунта администратора:

      Заключение

      Задание прав на элементы и разделы информационного блока выполняется аналогично заданию прав на статические страницы. Только делается это из Административного раздела и если включено расширенное управление правами для информационного блока.


      Примеры работы прав доступа

      Пример 1

      • Администратор выставил права на конкретный Информационный блок [dw]права доступа[/dw][di][/di]:
        • для зарегистрированных - нет доступа,
        • для незарегистрированных пользователей - чтение,
        • для группы Контент-менеджеров - полный доступ.
      • На страницу, где будет размещён компонент Новости, Администратор дал [dw]доступ[/dw][di][/di]:
        • для незарегистрированных пользователей - чтение,
        • для зарегистрированных - чтение,
        • для группы Контент-менеджеров - полный доступ.
      • Контент-менеджер разместил компонент Новости, настроил его на нужный информационный блок и поправил [dw]права на страницу[/dw][di][/di]:
        • для незарегистрированных пользователей - нет доступа,
        • для зарегистрированных - чтение.

      При таком сочетании:

      • Незарегистрированный посетитель не увидит страницу (разрешено и администратором и запрещено контент-менеджером). И, соответственно, не увидит информацию из инфоблока (хоть и разрешено Администратором).

      • Зарегистрированный пользователь увидит страницу (разрешено и Администратором и Контент-менеджером) но не информацию на ней (Администратор запретил доступ к информации из инфоблока.)

      Пример 2

      Администратор создал Торговый каталог, задал для Контент-менеджера права доступа на каталог - [dw]Изменение[/dw][di][/di] и поручил наполнить каталог товарами.

      Контент-менеджер начал наполнение каталога и не может добавить цены: нет закладки [dw]Торговый каталог[/dw][di][/di].

      Причина такой ситуации в том что Администратор забыл дать Контент-менеджеру [dw]права на редактирование цен[/dw][di][/di] в модуле Торговый каталог.

      Свойства страниц и разделов

      Зачем нужны свойства страниц и как ими управлять

      Контент-менеджер управляет свойствами страниц и разделов. Свойства нужны для тех, кто посещает ваш сайт, например: с их помощью строится [dw]цепочка навигации[/dw][di]Цепочка навигации - один из способов навигации по сайту, состоит из последовательности названий разделов от главной страницы сайта до той, где находится посетитель.[/di], в заголовке браузера выводится название страницы. Свойства сайта индексируются [dw]поисковыми системами[/dw][di]Поисковая система - способ поиска нужной информации в Интернете. Примеры: Яндекс, Google[/di] и по ним ваш сайт попадает в результаты выдачи.

      Основное свойство страницы - Заголовок. Использование заголовка помогает привлечь внимание пользователей к странице сайта, а также создать общее представление о ее содержании и назначении.


      Заголовок страницы выводится:

      • в закладке браузера;
      • на самой странице.

      Контент-менеджер управляет заголовком страницы и либо:

      • устанавливает [dw]одинаковый заголовок[/dw][di] Одинаковый заголовок[/di] для страницы сайта и закладки веб-браузера;
      • задаёт [dw]различные[/dw][di]Разные заголовки[/di] заголовки для страницы сайта и окна веб-браузера;
      • либо задаёт [dw]автоматический вывод заголовка страницы и окна веб-браузера[/dw][di]Название раздела[/di] с использованием или названия [dw]элемента[/dw][di]Элемент инфоблока - элемент системы, где непосредственно хранятся данные, выводимые компонентами. Подробнее...[/di] или [dw]SEO данных[/dw][di]SEO данные - информация, которую используют поисковые машины для определения места нахождения вашего сайта на странице результатов поиска. Подробнее...[/di].

      Примечание: Некоторые [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] самостоятельно устанавливают заголовок, учитывайте это при работе.


      Заключение

      Контент-менеджер управляет свойствами страниц. Задаёт их вывод в различном виде и различным способом.

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

      На следующих страницах вы научитесь управлять свойствами страниц и разделов.


      Управление свойствами страницы

      Контент-менеджер управляет свойствами страниц из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Свойства задаются при создании страницы 1 или при редактировании 2:

      В обоих случаях открываются практически одинаковые [dw]формы[/dw][di]Форма редактирования - как правило отдельное всплывающее окно, в котором можно вносить изменения в содержание сайта.[/di]:

        1 при создании страницы в форме Мастер создания новой страницы задайте нужные свойства:

        2 при редактировании страницы нужные свойства задайте в форме Свойства страницы:


      Важно знать!

      Если в разделах или на страницах сайта представлена [dw]динамическая информация[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] из [dw]Информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di], то заголовок, ключевые слова и описание для них могут устанавливаться системой автоматически. Это существенно облегчает труд контент-менеджера. Для этого в информационном блоке должны быть настроены [dw]метаданные[/dw][di]Метаданные - это информация об информации. Например, ключевые слова - это метаданные о статье, дата съёмки - метаданные о фотографии.[/di] на [dw]закладке SEO[/dw][di]Закладка SEO - специальная закладка в форме элемента инфоблока, где задаются эти данные. Подробнее...[/di] и для его публикации использоваться штатные [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] системы.


      С помощью [dw]пользовательских типов свойств[/dw][di]Пользовательские типы свойств - возможность создавать свои свойства разделов или страниц для получения каких-то дополнительных возможностей. Эти типы создаются администратором сайта.[/di] системы администратор сайта задаёт дополнительные средства управления показом информации на страницах раздела. Например: задаётся собственное изображение для показа на страницах разделов. С этой целью для разделов сайта создаются свойства для хранения названия и пути к изображениям, а в [dw]шаблоне дизайна сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] предусматривается соответствующая программная обработка значения этого свойства.

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


      Заключение

      1. Управление свойствами возможно при создании и редактировании.
      2. Компоненты могут сами, автоматически, устанавливать свойства страницы.
      3. Администратор может установить дополнительные свойства страницы

      Управление свойствами раздела

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

      Контент-менеджер управляет свойствами разделов из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Свойства задаются при создании раздела 1 или при редактировании 2:

      В обоих случаях отрываются практически идентичные [dw]формы[/dw][di]Форма редактирования - как правило отдельное всплывающее окно, в котором можно вносить изменения в содержание сайта.[/di]:

        1 При создании раздела свойства задаются на третьем шаге Мастера создания нового раздела:

        2 При редактировании свойства раздела задаются с помощью пункта меню Свойства раздела кнопки Изменить раздел:

        пункт меню "Свойства раздела"


      Особенности свойств разделов: наследование свойств

      В "1С-Битрикс: Управление сайтом" для облегчения труда контент-менеджера свойства раздела автоматически [dw]наследуются[/dw][di]Наследование - свойство системы когда права вышележащего раздела по умолчанию присваиваются всем подразделам и страницам. Подробнее...[/di] всеми подразделами и страницами данного раздела. То есть вам не надо задавать свойства для каждого подраздела каталога или товара: сайт это сделает за вас. Но при необходимости вы можете отредактировать свойства любой отдельно взятой страницы раздела под конкретную ситуацию.


      Важно знать!

      Если в разделах или на страницах сайта представлена [dw]динамическая информация[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] из [dw]Информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di], то заголовок, ключевые слова и описание для них могут устанавливаться системой автоматически. Это существенно облегчает труд контент-менеджера. Для этого в информационном блоке должны быть настроены [dw]метаданные[/dw][di]Метаданные - это информация об информации. Например, ключевые слова - это метаданные о статье, дата съёмки - метаданные о фотографии.[/di] на [dw]закладке SEO[/dw][di]Закладка SEO - специальная закладка в форме элемента инфоблока, где задаются эти данные. Подробнее...[/di] и для его публикации использоваться штатные [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] системы.


      С помощью [dw]пользовательских типов свойств[/dw][di]Пользовательские типы свойств - возможность создавать свои свойства разделов или страниц для получения каких-то дополнительных возможностей. Эти типы создаются администратором сайта.[/di] системы администратор сайта задаёт дополнительные средства управления показом информации на страницах раздела. Например: задаётся собственное изображение для показа на страницах разделов. С этой целью для разделов сайта создаются свойства для хранения названия и пути к изображениям, а в [dw]шаблоне дизайна сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] предусматривается соответствующая программная обработка значения этого свойства.

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


      Заключение

      1. Управление свойствами возможно при создании и редактировании.
      2. Компоненты могут сами, автоматически, устанавливать свойства раздела.
      3. Администратор может установить дополнительные свойства раздела
      4. Свойства вышестоящего раздела транслируются на нижележащие разделы.

      Дополнительно:

      Человеко-понятные URL

      Человеко-понятные URL: делаем "красивые" адреса

      ЧПУ (человеко-понятные URL) компенсирует недостатки программной обработки информации. Включение ЧПУ обеспечивает успешную работу поисковых машин с сайтом и облегчает восприятие адресов сайта посетителями. "1С-Битрикс: Управление сайтом" делает очень многое за контент-менеджера. Но какой бы умной не была система, это прежде всего - программа, которая работает с кодом и не обладает человеческой логикой. Использование ЧПУ на ваших сайтах позволяет устранить эти недостатки.

      Что такое ЧПУ?

      Сайты, работающие под управлением системы 1С-Битрикс: Управление сайтом, в основном хранят свои данные в [dw]Информационных блоках[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di]. Если не использовать режим ЧПУ, то адреса страниц будут выводиться с набором понятных системе, но непонятных человеку символов:

      Согласитесь, если бы было написано в адресе /news/exhibition_salon_de_fashion/, то это предпочтительней для понимания чем /news/?ELEMENT_ID=2. Вот первое написание и будет называться ЧПУ (человеко-понятный урл).

      Как включить ЧПУ

      Внимание! Использование ЧПУ требует дополнительной настройки информационного блока, которую производит администратор сайта. Поэтому включение этой опции должно быть согласовано с ним.

      При включении ЧПУ контент-менеджер выполняет два действия:

      1. настраивает символьные коды для разделов и элементов;
      2. настраивает условия вывода в [dw]компоненте[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di].

      Настройка Символьных кодов

      Настройка символьных кодов - это указание системе что она должна показывать в адресе страницы или раздела вместо генерируемого ей программного кода вроде /?ELEMENT_ID=2.

      Символьный код - специальное поле в форме создания/редактирования элемента информационного блока, в котором указывается название элемента для ЧПУ.

      Настройка символьного кода очень проста:

      1. При включённом [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

        Подробнее...[/di] откройте на [dw]редактирование элемент инфоблока[/dw][di][/di], например, новость.
      2. В открывшейся форме найдите поле Символьный код.
      3. Введите в это поле нужное вам значение.

      Например, так:

      Нажмите на рисунок, чтобы увеличить

      Примечание: Если информационный блок, который вы настраиваете, имеет не только элементы, но и разделы, то символьный код задаётся и для разделов.


      Настройка компонента на работу с ЧПУ

      Включить [dw]в настройках компонента[/dw][di][/di] ЧПУ - очень просто: поставьте флажок в поле Включить поддержку ЧПУ в секции Управление адресами страниц.

      Нажмите на рисунок, чтобы увеличить

      Однако после этого ссылка на новость будет иметь вид /news/2/, а не /news/exhibition_salon_de_fashion/, как ожидалось. Это потому, что не произведена настройка полей секции Управление адресами страниц.

      А настройка не сложна. На иллюстрации выше видно, что в поле Страница детального просмотра указано значение: #ELEMENT_ID#/. Это значит, что система выведет в качестве адреса страницы детального просмотра номер элемента. Она и вывела в виде: /news/2/. Замените ID на CODE, получится #ELEMENT_CODE#/. Теперь система будет отображать страницу по адресу: /news/exhibition_salon_de_fashion/.

      Далее, если в вашем инфоблоке кроме элементов есть и разделы, сделайте ту же настройку для поля Страница раздела, должно получиться #SECTION_CODE#/.

      Важно помнить!

      1. Включение ЧПУ должно быть согласовано с администратором сайта.
      2. Символьный код задаётся при создании элемента вручную или автоматически. Система автоматически создаст символьный код из названия, если у поля Название не разорвана "цепочка":

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

      Заключение

      Вы узнали что такое ЧПУ и для чего оно используется.

      ЧПУ (англ. Friendly URL) — веб-адреса, удобные для восприятия человеком (а также систем и методов построения таких адресов). Является аббревиатурой от словосочетания «человеко-понятный урл» (где «урл» — жаргонное обозначение URL).

      Настройка сайта на работу с ЧПУ не сложна: достаточно заполнять поля Символьный код и настроить нужный компонент в секции Управление адресами страниц.


      Короткие ссылки

      Короткие ссылки: как запомнить адреса страниц

      Контент-менеджеру доступно изменение адресов страниц. Адрес страницы может быть очень длинным. Например: http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/. Такие адреса невозможно запомнить, они не влазят в короткие сообщения Твиттера и неудобны ещё в ряде случаев. Вот если бы адрес был http://ваш_сайт.ru/~Вечерний спорт, то ...

      Для решения этих проблем Контент-менеджер использует полезный функционал "1С-Битрикс: Управление сайтом" - Короткие ссылки. Этот инструмент создаст ссылку с одним единственным [dw]слешом[/dw][di]Слеш - косая черта, которая используется для разделения слов в адресе сайта[/di] после [dw]домена сайта[/dw][di]Домен сайта - адрес по которому открывается самая главная страница. Например: yandex.ru[/di] . Адрес после слеша вы задаёте сами.


      Несложный способ создания короткой ссылки

      Для создания короткой ссылки перейдите на страницу, к которой вы хотите создать новый адрес. Нажмите на [dw]Панели управления[/dw][di]На Панели управления собраны все команды, которые доступны контент-менеджеру при работе с сайтом. Подробнее...[/di] на Добавить короткую ссылку:

      По этой команде откроется форма настройки ссылки:

      В полях формы:

      • Ссылка - сюда система автоматически добавит реальный адрес страницы. Адрес не меняем.
      • Короткая ссылка - укажите тот текст, который вы хотите видеть после слеша в адресе страницы. Система автоматически предложит вариант короткой ссылки из набора случайных знаков в котором на первом месте стоит знак "~" (тильда). Этот знак - отличие Короткой ссылки от других адресов. Использование тильды не обязательно, но рекомендуется. Например, заменяем ~AzUSE на ~Вечерний спорт.
      • Код HTTP статуса - выбор конкретного статуса для конкретной страницы рекомендуется согласовывать с SEO-специалистом. Если не уверены в выборе статуса - оставьте то, что поставит система.

      Вы сформировали ссылку http://ваш_сайт.ru/~Вечерний спорт вместо http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/. Эту ссылку легко запомнить, легко сообщить кому-то. При её использовании вы попадёте на нужную страницу, но в адресной строке браузера будет стоять реальный адрес страницы, так как технически Короткая ссылка - это просто [dw]редирект[/dw][di]Редирект - пересылка с одного адреса на другой.[/di] адреса.

      Где хранится Список ссылок

      Если вам нужно просмотреть весь список коротких ссылок, то воспользуйтесь кнопкой Список ссылок на Панели управления. Вы попадёте на страницу Короткие ссылки (Настройки > Настройки продукта > Обработка адресов > Короткие ссылки) в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di].

      На странице отобразится список существующих ссылок. Доступно изменение имеющихся ссылок и создание новых (по аналогии с работой со [dw]списком элементов[/dw][di]Список элементов - универсальный для "1С-Битрикс: Управление сайтом" способ представления списка элементов чего-либо (файлов, элементов инфоблока, товаров каталога) в Административном разделе.
      Подробнее...[/di]).

      Важно помнить

      Внимание! Короткие ссылки не работают, если администратор запретил их.

      Короткая ссылка не заменяет реальный адрес страницы. Технически - это просто редирект внутри системы.

      В Короткой ссылке рекомендуется использовать знак тильда: ~.

      Заключение

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

      Короткая ссылка - функционал, позволяющий изменить вид адреса любой страницы в рамках домена. То есть ссылка вида: http://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=34&CHAPTER_ID=637 может выглядеть как http://dev.1c-bitrix.ru/Эрмитаж.

      Включаемые области

      Включаемые области: меняем информацию в шаблоне сайта

      Как быть, если надо отредактировать информацию в [dw]шаблоне сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di]? Редактировать шаблон сайта контент-менеджеру нельзя. Но [dw]статическую информацию[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] вроде адреса компании, телефона и так далее очень часто размещают в "шапке" или в подвале сайта. Для такой информации разработчик сайта использует Включаемые области. Контент-менеджер может их редактировать.

      Как найти Включаемую область на сайте

      Включаемая область - это [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di]. Следовательно искать её надо с помощью включённого [dw]режима Правка[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

      Подробнее...[/di]. При наведении указателя мыши на Включаемую область появится специальная панелька (красная рамка):

      Нажмите на рисунок, чтобы увеличить

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

      Для чего нужна Включаемая область и какие они бывают.

      Включаемая область нужна для размещения информации в шаблоне сайта и на страницах и разделах, куда доступ контент-менеджеру запрещён. Не будет же разработчик сайта заниматься корректировкой номера телефона компании, не "барское это дело". Он создаст Включаемую область и поручит эту задачу контент-менеджеру.

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

      Включаемые области в "1С-Битрикс: Управление сайтом" очень гибко реализованы. Они могут работать в разных условиях и отображаться как на всём сайте, так и в отдельных его местах:

      • включаемая область страницы – выводится только при просмотре определенной страницы;
      • включаемая область раздела – выводится на всех страницах определенного раздела сайта;
      • включаемая область сайт (или включаемый файл) – выводится на всём сайте.

      Создание и редактирование включаемой области

      Разработчик размещает компонент Включаемая область на сайте. Но это не означает что область можно сразу наполнять содержанием. Её ещё нужно создать. Как правило, это тоже делает разработчик, но если он не сделал это, то создайте её сами при включённом [dw]режиме Правки[/dw][di][/di]. В тех местах, где возможен вывод включаемой области, будет показана иконка Добавить область:

      Нажмите на кнопку, откроется [dw]Визуальный редактор[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di] для заполнения области информацией.

      Важно помнить!

      1. Включаемая область не показывается на всём сайте, если она настроена на конкретный раздел или страницу.
      2. Команда Добавить область как PHP в панели создания области предназначена для разработчиков и администраторов сайта.
      3. Если вы размещаете во Включаемой области картинку или много текста, то вы должны быть уверены, что это не испортит внешний вид сайта. Если картинка больше, чем выделенное в шаблоне сайта место под Включаемую область, то дизайн сайта исказится, "поедет".

      Заключение

      Редактирование информации в шаблоне сайта делается с помощью Включаемых областей.

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

      Удобные инструменты для безопасной работы

      Все мы - люди, со своими слабостями, усталостью, заботами. Мы иногда ошибаемся. Как сделать так, чтобы наши слабости и заботы не мешали нашей работе? Полностью устранить их влияние невозможно, но "подстелить соломку" создатели "1С-Битрикс: Управление сайтом" попробовали.

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

      Автосохранение

      Автосохранение: вдруг выключился свет...

      Досадная неприятность - потеря работы из-за нештатной или независящей от вас ситуации. Примеры: отлучение от компьютера на долгое время с потерей авторизации, аварийное отключение питания компьютера, случайное закрытие наполовину заполненной формы, обрыв соединения с Интернетом по вине провайдера и другие. В "1С-Битрикс: Управление сайтом" для таких случаев предусмотрена функция Автосохранения, когда на сайте сохраняются добавленные вами данные. Данные сохраняются не в явном виде и требуется ваше подтверждение на их сохранение в нужном месте.


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

      Нажмите на рисунок, чтобы увеличить

      Подтверждать или не подтверждать восстановление данных - ваш выбор.

      Важно знать!

      Внимание! Автосохранение работает только для первого повторного открытия. Если просто открыть и закрыть форму, а потом опять открыть, то добавленные данные будут потеряны. Система запоминает только последнее состояние формы.

      Автосохранение происходит все время пока контент-менеджер редактирует страницу (изменяет значения полей) и сработает сразу после окончания редактирования формы.

      Функция включена на большинстве форм редактирования по умолчанию, но не для всех. Администратору доступно её отключение через настройки системы.

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


      Заключение

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

      Автосохранение - функция, позволяющая сохранить данные, введенные в поля формы, и восстановить их в случае нештатной ситуации.

      Функция имеет свои особенности использования: работает только для первого открытия.


      Отмена действий

      Отмена действий: исправляем ошибки

      Используйте функцию Отмена действий, если после внесения каких-то изменений стало понятно, что вы ошиблись. Добавлен какой-то текст на страницу. Или изменены параметры [dw]компонента[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di]. После сохранения изменений вы понимаете что изменения не правильные и нужно вернуть всё обратно. Для такого возврата достаточно нажать на Отменить изменения и страница вернётся к прежнему состоянию.


      Система допускает отмену последнего совершенного действия. После каждого изменения внесенного в содержание сайта под [dw]Панелью управления[/dw][di]Панель управления - основной инструмент управления содержимым сайта. Подробнее...[/di] отображается Строка отмены действия:

      Нажмите на рисунок, чтобы увеличить

      В этой строке выводится описание совершенного пользователем действия и команда на отмену действия. Кликнув по ссылке, вы совершите отмену. Для закрытия строки щёлкните по крестику у правого края строки.

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

      Важно помнить!

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


      Заключение

      Отмена действий - удобный инструмент для быстрого восстановления исходного состояния после неправильных изменений.


      Контроль сессии

      Контроль сессии: следим за временем жизни авторизации

      Исключить допуск к управлению сайтом стороннего человека - основа безопасной работы сайта. Для достижения этой цели придумано много инструментов. Один из них - [dw]сессия[/dw][di]Сессия - это время в течение которого возможен авторизованный доступ к сайту с определённого компьютера и под одним логином.[/di].

      Какое значение для Контент-менеджера имеет сессия?

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

      В "1С-Битрикс: Управление сайтом" реализована "живая сессия". Если вы долго пишете в блог или заполняете какую-либо форму, то есть обращений к сайту с вашего компьютера не происходит и сессия формально истекает. Но система проверяет ваши действия на компьютере: нажатия кнопок клавиатуры, движения или клики мышью. Обнаружив подобную активность в окне браузера, где открыт сайт, она автоматически продлевает вашу сессию. Если никаких действий не происходит, то сессия истекает и появляется жёлтое сообщение:

      Нажмите на рисунок, чтобы увеличить

      Сообщение предупреждает об опасности потерять все несохраненные данные. Для большей надежности текст рекомендуется сохранить где-либо (в отдельном файле, буфере обмена), а после авторизации на сайте заново ввести текст.


      Заключение

      Сессия - это сеанс работы пользователя с сайтом. Определяется как серия запросов к [dw]серверу[/dw][di]Сервер - компьютер, на котором размещён ваш сайт. Находится, как правило, у специальной организации - провайдера.[/di], сделанных одним пользователем в заданный промежуток времени.

      Система отслеживает время жизни сессии и уведомляет вас о завершении. Если вы, получив такое уведомление, не сохраните где-то неотправленные данные, то сами виноваты. :)

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


      Загрузка файлов

      Загрузка файлов: способ зависит от цели

      Файлы на сайте размещаются с разными целями и разными способами. Разработчики "1С-Битрикс: Управление сайтом" максимально упростили загрузку файлов, но вам надо понимать с какой целью вы грузите файлы. От этого зависит оптимальный способ загрузки.

      Загруженные на сайт файлы контент менеджер использует:

      1. Как [dwi include_static_info]статическую[/dwi] информацию на статических страницах. Например, фотография на странице "О компании".
      2. Как [dwi include_dinamic_info]динамическую информацию[/dwi]. Например фотографии в Фотогалерее.
      3. Как часть динамической информации в информационных блоках. Например, картинки к новости.

      Медиабиблиотека - основной инструмент работы с файлами

      [dwi include_media_library]Медиабиблиотека[/dwi] рекомендуется как основной и универсальный способ работы с файлами. [dw]Кнопки для использования картинок и файлов[/dw][di][/di] из Медиабиблиотеки есть во всех местах системы, где требуется вывод изображений и файлов.

      Загрузка динамической информации

      Компоненты, использующие медиафайлы (видео и фотографии) для показа имеют свои механизмы загрузки. Они описаны в главах:

      Картинки и файлы в элементах информационного блока

      Изображения и файлы используются и в элементах [dwi include_iblock]Информационного блока[/dwi]. В самом простом случае это - картинки анонса и подробного описания элемента. В более сложных случаях - это файлы, загружаемые в свойства информационного блока. (Эти свойства создаются разработчиком или администратором сайта и выводятся в форме добавления элемента.) Во всех случаях механизм загрузки одинаковый:

      Нажмите на рисунок, чтобы увеличить

      Загрузка файлов из Административного раздела

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

      В [dwi include_admin_area]административном разделе[/dwi] системы перейдите в папку, в которой будет храниться загружаемый файл. Нажмите на кнопку [dw]Загрузить файл[/dw][di][/di] под фильтром, откроется форма для загрузки. Добавьте файлы для загрузки и сохраните их.

      Нажмите на рисунок, чтобы увеличить

      Администратор сайта может ограничить размер загружаемого файла.

      Заключение

      Вы узнали все способы загрузки файлов в "1С-Битрикс: Управление сайтом". Выбирайте оптимальный способ в зависимости от целей. Лучший из них способ работы с файлами - Медиабиблиотека.


      Как изменить внешний вид сайта

      Шаблон сайта: как изменить внешний вид сайта

      Контент-менеджер может управлять внешним видом сайта, который определяется шаблоном сайта. Создать этот шаблон может только разработчик: слишком много надо знать о HTML, PHP и многом другом. Но после того как шаблон создан и размещён на сайте, управление им доступно контент-менеджеру.

      "1С-Битрикс: Управление сайтом" - очень гибкая система и допускает использование любого количества шаблонов. Можно назначить свой собственный шаблон на каждый раздел сайта, на каждую страницу. И более того, выводить разные шаблоны для одной и той же страницы в зависимости от разных условий, например, для авторизованных пользователей один шаблон, для неавторизованных - другой.

      Нажмите на рисунок, чтобы увеличить

      Где применяются шаблоны

      Указание системе какой шаблон к какой странице применять производится в [dw]Административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di] на странице редактирования сайта Настройки > Настройки продукта > Сайты > Список сайтов. Перейдите на эту страницу и [dw]откройте для редактирования[/dw][di][/di] нужный сайт.

      Внимание! Это очень важная страница! На ней, кроме описанных ниже действий, ничего более выполнять нельзя без ведома администратора!

      Как применить шаблон

      Внизу открывшейся формы есть группа полей Шаблон сайта (см. картинку в начале урока). В этом поле выберите тот шаблон, который вы хотите задать для страницы или раздела. (Если воспользоваться иконкой [dw]правее названия шаблона[/dw][di][/di], то откроется окно с выбранным шаблоном, для проверки верности выбора.)

      В полях колонки Тип условия укажите одно из следующих значений:

      • Без условия - выбранный шаблон применится к каждой странице сайта, к которой не указано другого условия. Типовое условие для большинства страниц.
      • Для папки и файла - выбранный шаблон применится только к указанной папке (разделу) или файлу (странице). В колонке Условие укажите папку или файл. Папка или файл указывается вручную, либо с помощью кнопки [...].
      • Для групп пользователей - страница в выбранном шаблоне отображается только пользователям из указанных групп. В колонке Условия выберите одну или [dw]несколько[/dw][di]Несколько групп выбираются с помощью клавиши CTRL[/di] групп.
      • Период времени - страница отобразится в выбранном шаблоне в указанный период времени. Используется для каких-то акций или праздников, например, на Новый год.
      • Параметр в URL - страница в выбранном шаблоне отобразится только в случае если в ее адресе стоит определенный параметр. Применяется для, например, страниц для печати на принтере.
      • Выражение PHP - шаблон применяется к странице, которая будет выбрана в соответствии с заданным выражением PHP.

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

      Важно помнить!

      Обязательно указывайте порядок сортировки для шаблонов (колонка Сорт), который определяется порядок применения шаблона. Если для страницы (раздела) может быть применено несколько шаблонов, то в итоге будет применен шаблон с меньшей сортировкой. Если индекс сортировки не задан (или неверно задан), то может быть применен неверный шаблон.

      Общее правило сортировки при назначении шаблонов подобно перевернутой воронке:

      • первыми должны идти условия частного характера (например, период времени);
      • потом условия выборки (например, для раздела или для группы пользователей);
      • потом все остальное (как правило это - "без условия").

      Заключение

      Шаблоны сайта применяются на странице настройки сайта, в группе Шаблоны сайта. На этой странице, кроме шаблонов менять ничего нельзя!

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

      Отображение конкретного вида страницы зависит от выбранных условий и сортировки списка шаблонов.

      Дополнительная информация


      Бизнес-процессы

      Бизнес-процессы: зачем они и как с ними работать

      Контент-менеджеры работают с бизнес-процессами если это требуется при публикации информации на сайте. Бизнес-процессы - это некая автоматизированная последовательность действий, которые будут выполняться, например, над элементом инфоблока при его создании или изменении. Бизнес-процесс существенно облегчает работу всей команды над содержанием сайта. И чем сложнее порядок выпуска информации на сайте, тем больше пользы приносит его использование.

      Бизнес-процессы создаются администратором или разработчиком сайта.

      Нажмите на рисунок, чтобы увеличить

      Правильно спроектированный Бизнес-процесс всегда уведомит контент-менеджера о том, что пришла его очередь работы над документом (статьёй, страницей сайта). Уведомление может прийти в чат или на почту. Или уведомление может появиться в Центре уведомлений Административной панели:

      По ссылке Перейти к списку заданий вы попадёте на страницу Сервисы > Бизнес-процессы > Задания, где будет видны все невыполненные вами задания.

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


      Управление структурой

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

      Сайт в системе "1С-Битрикс: Управление сайтом" обладает логической и физической структурой.

      • [dwi include_logical_structure]Логическая структура[/dwi] показывает как сгруппированы страницы и разделы по смыслу.
      • [dwi include_physical_structure]Физическая структура[/dwi] показывает расположение файлов и папок на сервере.

      Управление структурой сайта включает в себя:

      • Инструмент Структура для работы из [dwi include_public_area]публичной части[/dwi];
      • Менеджер файлов для работы из [dwi include_admin_area]административного раздела[/dwi];
      • Управление меню и цепочкой навигации;
      • Работу с [dwi include_media_library]медиабиблиотекой[/dwi].

      Кнопка Структура

      Инструмент Структура обеспечивает легкий и удобный доступ к файлам и папкам прямо из публичной части.

      Таким образом контент-менеджер может быстро обратиться к логической структуре сайта и отредактировать её.


      Быстрый доступ к управлению структурой

      Инструмент Структура расположен на [dwi include_control_panel]панели управления[/dwi]:

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

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

      Инструмент Структура позволяет редактировать и удалять файлы и папки, а также задавать их [dw]свойства[/dw][di]Заголовок, ключевые слова, описание страницы. Подробнее...[/di].

      Кнопка [dw]Разделы[/dw][di][/di] превращает окно в своеобразный файловый менеджер, который позволяет перемещать файлы и папки простым перетаскиванием.


      Заключение

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


      Менеджер файлов

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

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

      Инструменты Менеджера файлов позволяют:

      • создавать и удалять папки и файлы;
      • [dw]загружать файлы[/dw][di]Добавлять файлы в конкретную папку на сервере. Подробнее... [/di] в систему;
      • скачивать файлы;
      • [dw]управлять свойствами[/dw][di]Задание заголовка, описания и ключевых слов. Подробнее...[/di] страниц и папок;
      • переходить к созданию и редактированию страниц;
      • управлять меню;
      • управлять [dw]правами доступа[/dw][di]Разрешение на просмотр тех или иных файлов и папок в системе. Подробнее...[/di] пользователей к страницам и разделам;

      Перейти в Менеджер файлов можно как из административного раздела (Контент > Структура сайта), так и из публичной части (Структура > В панели управления):

      Нажмите на рисунок, чтобы увеличить

      В левой части окна мы выбираем нужную нам папку, а в правой отображается [dw]список элементов[/dw][di]Работа со списками в файловом менеджере аналогична работе с любыми списками в административной части. Подробнее...[/di] внутри этой папки. Общий подход напоминает работу с проводником Windows или другим файловым менеджером.

      У нас есть возможность работать как с [dwi include_logical_structure]логической[/dwi], так и [dwi include_physical_structure]физической[/dwi] структурой сайта.


      Работа с логической структурой

      На верхнем уровне менеджера файлов расположен [dw]список сайтов[/dw][di][/di] и пункт Файлы и папки. Для работы с логической структурой нам необходимо выбрать нужный сайт и нажать на стрелку:

      Структура в этом случае создается на основе заголовков, которые устанавливаются в свойствах папок в рамках физической структуры. Например, если для папки /about в свойствах установлен [dw]заголовок[/dw][di][/di] О магазине, то она будет показана в Менеджере файлов с [dw]этим именем[/dw][di][/di].


      Работа с физической структурой

      Для доступа к физической структуре предназначен пункт Файлы и папки:

      Нажмите на рисунок, чтобы увеличить

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

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


      Заключение

      Файловый менеджер - инструмент для работы с физической и логической структурой сайта из административного раздела.


      Работа с меню

      Работа с меню: создаём удобную навигацию

      Организация удобной и наглядной навигации для пользователя - важная часть разработки сайта. "1С-Битрикс: Управление сайтом" позволяет быстро создавать и редактировать различные варианты меню.

      Использование меню нескольких типов позволяет создать на сайте [dw]удобную систему навигации[/dw][di][/di]. Мы можем добавить любое количество меню: верхнее, левое, нижнее и т.п. Как правило, используется одно верхнее меню (показывается на всех страницах сайта) и второстепенное боковое (показывает содержание раздела). Однако это не обязательная структура, система навигации на сайте может быть абсолютно любой.

      Типы меню (дополнительная информация)

      Наследование меню

      Меню в системе обладает наследованием. Это значит, что если на главной странице создано основное меню, то оно автоматически будет расположено на всех страницах и подразделах сайта. Так будет до тех пор, пока на странице или в разделе не будет создано свое собственное меню.

      Соответственно, меню раздела будет показано на всех страницах этого раздела.

      А если мы хотим, чтобы вышестоящее меню не отображалось в подразделе? Для этого нужно создать в нужном разделе пустое (без пунктов) меню.


      Как создать меню

      Например, мы хотим создать боковое меню для раздела сайта. Перейдем в этот раздел и воспользуемся кнопкой [dw]Меню[/dw][di][/di] на панели управления. Откроется [dw]форма создания меню[/dw][di][/di].

      С помощью кнопки Вставить пункт добавим два пункта. Назовем эти пункты Информация и Контакты и с помощью [dw]иконки выбора файла[/dw][di][/di] зададим ссылки на нужные нам страницы с информацией. Мы можем менять порядок пунктов простым перетаскиванием мыши. На этом всё, жмем кнопку Сохранить и меню появится на странице.


      Как изменить уже существующее меню

      Для редактирования меню воспользуйтесь кнопкой [dw]Меню[/dw][di][/di] на Панели управления либо в [dwi include_mode_edit]режиме Правки[/dwi] наведите мышь на меню и нажмите [dw]Редактировать пункты меню[/dw][di][/di].

      Форма редактирования аналогична форме создания меню.

      Примечание: Мы рассмотрели ситуацию, когда меню создается вручную. Однако меню может формироваться автоматически с помощью специального компонента menu.sections. Работа с динамическим меню требует определенных навыков и рассматривается в курсе Разработчик Bitrix Framework.

      Заключение

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


      Изменение структуры сайта

      Изменять структуру сайта контент менеджер должен с [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта. Для контент-менеджера - это основное место работы . Подробнее...[/di]. Это самый простой и удобный способ работы, который предоставлен разработчиками "1С-Битрикс: Управление сайтом". Создавать страницы и разделы можно и с [dw]административного раздела[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di], но лучше пользоваться публичной частью.

      Примечание: При создании страниц и разделов система переходит на созданную страницу или раздел. Если требуется создание нескольких страниц в одном разделе, то не забывайте возвращаться на главную страницу раздела. Если страница, все же, случайно создана в другом месте, то перенесите ее с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой.Подробнее...[/di].



      Создание физических страниц

      Создавать страницу лучше сразу в том разделе, где она должна "жить". Перенести неверно созданную страницу можно, но зачем лишние действия? Создание страниц доступно с помощью Мастера, по шаблону и через документооборот. Самый простой и рекомендуемый нами способ - с помощью Мастера.


      Для создания страницы с помощью Мастера нажмите Создать страницу.

      Откроется мастер создания страницы.

      1. Первый шаг, заполните поля формы.

        Поле Имя файла - это название файла в рамках [dwi include_physical_structure]физической (файловой)[/dwi] структуры сайта. По умолчанию формируется автоматически из поля Заголовок страницы, которое будет использоваться для [dwi include_logical_structure]логической структуры[/dwi] сайта. Если кликнуть по иконке , то автоматическое формирование файла отключится и название вводится вручную.

        В этом поле допускается кириллица, но запрещены спецсимволы: \ / ? * < > " '

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

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

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

        Ссылка Настроить группы редакторов по умолчанию позволяет быстро перейти в Административный раздел для редактирования прав доступа конкретных групп.

      2. Второй шаг, задание пункта меню для страницы.

        • Имя нового пункта - название, под которым страница будет отображаться в меню.
        • Тип меню - меню в которое будет добавлена страница.
        • Вставить перед пунктом - перед каким существующим пунктом должна показываться в меню создаваемая страница.
      3. Третий шаг, задание свойств страницы. Начальные значения свойств страницы наследуются из свойств раздела, в котором она создана, и уже прописаны в форме. Кликнув по иконке с карандашом можно поменять эти значения.

        • Поле Ключевые слова - ключевые слова страницы, необходимы для поисковых систем (Google, Yandex и других).
        • Поле Теги - теги для поиска страницы. Функция активна при установленном флажке правее поля.
        • Поле Заголовок окна браузера - то, что будет написано на закладке браузера.
        • Поля Продвигаемые слова и ROBOTS нужны для поисковых систем. Их заполняем, если вы точно знаете что там нужно писать.

        После этого шага нажмите на кнопку Готово, мастер перейдет к редактированию страницы.

      4. Четвертый шаг - Наполнение страницы содержанием.

        Добавьте на страницу нужную статическую информацию или компоненты.

      Создание страницы по шаблону

      Создание страницы по шаблону удобно если стоит задача создания многих однотипных страниц. (Администратор должен создать такие шаблоны заранее.) В этом случае создание страницы производится по команде Создать страницу > По шаблону > нужный шаблон. После этого проходятся все шаги мастера создания страницы, только на этапе редактирования страницы будет отображён текст, добавленный администратором в шаблон.


      Создание разделов

      Создание раздела производится с помощью кнопки:

      Все шаги по созданию раздела идентичны созданию страницы.

      Внимание! При создании раздела автоматически создается страница index.php. Она отображается на сайте как главная страница раздела. Удаление этой страницы приведет к тому, что раздел станет недоступен для просмотра.


      Создание страниц через документооборот

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

      Внимание! Использование этой возможности имеет ограничения:
      • нельзя сразу назначить странице пункт меню,
      • нельзя задать ключевые слова и теги,
      • недоступно использование автоматической транслитерации.

      Для создания новой страницы через Документооборот:

      1. Воспользуйтесь в Публичной части сайта командой Через документооборот:

        В Административном отделе системы откроется форма создания страницы:

        Нажмите на рисунок, чтобы увеличить

      2. Заполните поля формы. Краткие пояснения полей:
        • Поле Статус - выбирается текущий статус страницы. Для всеобщего доступа документ должен иметь статус Опубликован.
        • Поле Полное имя файла - имя файла и путь до него в структуре файловой системы сайта. Возможно изменение и имени и пути.

      Удаление страниц и разделов

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


      Для удаления страницы:

      1. Воспользуйтесь командой Удалить страницу:

      2. В окне подтверждения выберите Удалить страницу:

        Внимание! Удаление индексной (главной) страницы приводит к недоступности всего раздела.

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


      Удаление разделов

      Удаление разделов легче всего реализовать с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой. Подробнее...[/di].

      Внимание! Удаление раздела означает и удаление всех страниц, расположенных в нём с потерей всех данных!


      Цепочка навигации

      Цепочка навигации: как не потеряться на сайте

      Сайты зачастую обладают сложной структурой и несколькими уровнями вложенности. Не потеряться на таком сайте поможет [dwi include_breadcrumbs]цепочка навигации[/dwi].

      Нажмите на рисунок, чтобы увеличить

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

      Навигационная цепочка подключается с помощью компонента [dw]Навигационная цепочка (bitrix:breadcrumb)[/dw][di]Компонент выводит навигационную цепочку в шаблоне. Настройки этого компонента позволяют регулировать уровень вложенности разделов и т.п. Подробнее... [/di]. Чтобы цепочка навигации по умолчанию выводилась на всех страницах сайта, ее обычно подключают в шаблоне дизайна сайта. Эту операцию выполняют разработчики сайта при его создании. Контент-менеджеру остается только управлять названиями разделов, которые и выводятся в цепочке навигации

      В цепочке отображаются те имена страниц, которые заданы в поле Заголовок в [dw]свойствах страницы[/dw][di]Свойства страницы включают в себя заголовок, описание страницы, ключевые слова и т.п. Подробнее...[/di]. Если речь идет об элементах инфоблока, то используется поле [dw]Название[/dw][di][/di].

      Изменить свойства страницы можно с помощью пункта [dw]Изменить раздел[/dw][di][/di] на панели управления. В открывшейся форме нас интересует поле Заголовок:

      Просто измените название на нужное вам и после сохранения оно появится в цепочке навигации.

      Примечание: некоторые компоненты могут самостоятельно изменять навигационную цепочку, к примеру добавлять в нее заголовок текущей новости или название товара. Для использование своего заголовка отключите опции Устанавливать заголовок страницы и Включать раздел в цепочку навигации в [dw]настройках компонента[/dw][di][/di].



      Заключение

      Цепочка навигации формируется из заголовков страниц и обеспечивает быстрый доступ к навигации по структуре сайта.


      Медиабиблиотека

      [dw]Медиабиблиотека[/dw][di]Медиабиблиотека расположена в административной части сайта:
      Контент > Структура сайта > Медиабиблиотека[/di] - удобное хранилище для [dw]медиафайлов[/dw][di]Изображения, презентации, аудиофайлы, видео.[/di] в системе "1С-Битрикс: Управление сайтом".

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

      Медиабиблиотека позволяет:

      • Создать многоуровневую структуру для хранения медиафайлов;
      • Добавить неограниченное количество коллекций;
      • Гибко настроить доступ к отдельным коллекциям;
      • Загрузить файлы в систему по отдельности или группой;
      • Сгруппировать данные по форматам файлов;
      • Быстро использовать загруженные файлы при редактировании сайта.

      Все эти возможности мы рассмотрим на примере заполнения страницы О компании с помощью медиабиблиотеки.


      Предварительная настройка

      Для использования широких возможностей медиабиблиотеки нам необходимо предварительно настроить систему должны образом.

      Для начала нам нужно включить использование Медиабиблиотеки в настройках модуля [dw]Управление структурой[/dw][di]Настройки > Настройки продукта > Настройки модулей > Управление структурой > Вкладка Медиабиблиотека[/di]:

      Нас интересует опция Использовать медиабиблиотеку. Рассмотрим остальные параметры, но оставим в них значения по умолчанию:

      • Размеры картинок предпросмотра - определяет размер изображения в [dw]списке[/dw][di][/di];
      • Другие разрешенные расширения медиафайлов - список форматов файлов, которые можно будет загружать в библиотеку;
      • Максимальный размер изображений - предельный допустимый размер изображения;
      • Использовать медиабиблиотеку по умолчанию - если задать эту опцию, то для выбора любых медиафайлов в системе по умолчанию будет использована библиотека.

      К блоку Типы содержимого мы вернемся чуть [dw]позже[/dw][di]Создание новых типов коллекций рассматривается в этом уроке.[/di]. В нем задается группировка форматов файлов по типу (изображения, видео, аудио).


      Коллекции

      Следующий этап работы с медиабиблиотекой - создание ее структуры и распределение прав доступа.



      Создание коллекций

      Многоуровневая структура медиабиблиотеки создается с помощью коллекций. Перейдем в библиотеку (Контент > Структура сайта > Медиабиблиотека):

      Коллекции группируются по типам, заранее определены три типа: Изображения, Видео и Аудио. Для наполнения страницы О компании нам понадобится несколько коллекций. Давайте создадим по одной коллекции для изображений и видео.

      Перейдем в Изображения и нажмем кнопку Новая коллекция. Появится форма создания коллекция. Зададим название, описание и ключевые слова:

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

      Сохраним коллекцию, после этого она появится в [dw]списке[/dw][di][/di]. Перейдем в Видео и аналогично создадим коллекцию для видеофайлов.



      Типы коллекций

      Иногда стандартных [dw]трех типов[/dw][di]Изображения, Аудио и Видео - системные типы коллекций. Тип Изображения является основным и не может быть удалён.[/di] коллекций бывает недостаточно. К примеру, мы хотим использовать в нашем примере документы в текстовом формате. Давайте создадим новый тип коллекций. Воспользуемся кнопкой [dw]Настроить типы[/dw][di][/di]. В открывшейся форме настроек в самом низу нажмем кнопку Добавить и заполним информацию о новом типе:

      Сохраним созданный тип. Теперь у нас есть возможность создавать коллекцию документов.



      Настройка доступа

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

      Для настройки прав доступа воспользуйтесь кнопкой [dw]Доступ[/dw][di][/di].

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



      Заключение

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


      Загрузка файлов

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



      Как добавить файл в коллекцию

      Добавим видеофайл в созданную ранее коллекцию:

      • Нажмем кнопку [dw]Новый элемент[/dw][di][/di] на контекстной панели библиотеки или выберем пункт [dw]Добавить элемент[/dw][di][/di] в меню коллекции.
      • Откроется форма загрузки файла:
      • Нажмите кнопку Обзор для загрузки файла с локального компьютера или кнопку Выбрать из структуры для выбора файла из структуры сайта.
      • Зададим название, описание и ключевые слова для нового элемента.
      • Выберем коллекцию, в которые будет добавлен новый элемент. В нашем случае это Видео для сайта.
      • Нажмем кнопку Сохранить. Элемент будет добавлен в библиотеку. Если расширение загружаемого файла не совпадает с указанными в настройках коллекции, то система выдаст ошибку о невозможности загрузить файл.


      Как добавить сразу несколько файлов

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

      • Нажмем на кнопку [dw]Множественная загрузка[/dw][di][/di] на контекстной панели библиотеки. Откроется страница загрузки:
      • Выберем из списка коллекцию Изображения для сайта.
      • Добавим элементы простым перетаскиванием или с помощью кнопки Загрузить.


      Параметры элементов

      После добавления элементов откроется страница Параметры загруженных элементов:

      Мы видим список добавленных элементов и можем отредактировать данные каждого из них. Заполним необходимую информацию и нажмем кнопку Сохранить. Готово, элементы [dw]добавлены[/dw][di][/di] в коллекцию.



      Заключение

      Файлы загружаются в коллекции по одиночке или группой. При загрузке задаются параметры элемента. После загрузки элемент готов к использованию на сайте.


      Работа с элементами коллекций

      Для редактирования или удаления содержимого коллекции используется всплывающая контекстная панель, которая появляется при наведении мыши на элемент.



      Контекстная панель элемента

      При наведении курсора на элемент коллекции отображается [dw]контекстная панель[/dw][di][/di] данного элемента, позволяющая:

      • - перейти к [dw]детальному просмотру[/dw][di][/di] элемента;
      • - перейти к редактированию элемента;
      • - удалить элемент из коллекции.


      Как отредактировать элемент

      Для редактирования элемента:

      • Наведите курсор на изображение и кликните по иконке ;
      • В открывшейся форме редактирования элемента внесите необходимые изменения:

        Ссылка Изменить позволяет выбрать новый файл вместо текущего;

      • Нажмите кнопку Сохранить, чтобы изменения вступили в силу. Чтобы изменения не были сохранены, воспользуйтесь кнопкой Отмена.


      Заключение

      Редактирование и удаление элементов легко осуществляется с помощью контекстной панели элементов медиабиблиотеки.


      Поиск

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

      Поиск осуществляется по полям свойств элементов.

      Например, чтобы отобрать элементы, соответствующие теме отпуск, выполните следующее:

      • Введите в поле Поиск слово отпуск:
      • Нажмите кнопку Искать.
      • Результатом поиска станут элементы, в Названии, Описании или Ключевых словах которых присутствует слово отпуск:

      Если элементов, соответствующих заданным условиям, в Медиабиблиотеке нет, то будет выведено сообщение о том, что по вашему запросу ничего не найдено.

      Важно! при удалении элементов, отображаемых в Результатах поиска, они будут удалены из всех коллекций медиабиблиотеки.


      Примеры использования медиабиблиотеки

      Работа с медиабиблиотекой при редактировании страницы сайта

      Добавление изображения:

      • По нажатию кнопки Изменить страницу перейдите к редактированию страницы в визуальном редакторе.
      • Нажмите кнопку Изображение , расположенную на контекстной панели редактора, чтобы добавить изображение на страницу сайта. Откроется форма Новый рисунок.
      • В поле Путь к изображению укажите Выбрать из медиабиблиотеки:
      • В открывшейся форме выберите подходящее изображение:
      • Примечание: при необходимости вы можете прямо из этой формы загрузить в медиабиблиотеку новые изображения.

      • Заполните остальные поля формы.
      • Нажмите кнопку Сохранить.

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

      Размещение на странице компонента для проигрывания медиафайлов:

      • По кнопке Изменить перейдите к редактированию страницы сайта в визуальном редакторе.
      • Добавьте на страницу компонент Медиа проигрыватель (bitrix:player) (Контент > Медиа > Медиа проигрыватель).
      • В Параметрах компонента в поле Путь к файлу укажите расположение файла.
      • С помощью кнопки […] выберите нужный файл из Медиабиблиотеки:
      • Сохраните результаты редактирования страницы.

      Использование медиабиблиотеки при работе с информационными блоками

      В качестве примера рассмотрим добавление элементов каталога:

      • Добавьте новый элемент в Каталог книг (Контент > Каталог книг > Книги).
      • В открывшейся форме создания элемента перейдите на вкладку Подробно.
      • В строке Детальная картинка с помощью кнопки выберите команду Выбрать из медиабиблиотеки:
      • В открывшейся форме выберите нужное изображение. После этого в форме автоматически прописывается адрес выбранного файла.

      Визуальный редактор

      В любой работе важен хороший инструмент. И работа с веб-сайтами не исключение. "1С-Битрикс: Управление сайтом" обладает мощным встроенным [dw]WYSIWYG[/dw][di]WYSIWYG (произносится как «ви-зи-виг», от англ. What You See Is What You Get — «что видишь, то и получишь») — свойство программ или веб-интерфейсов, в которых содержание отображается в процессе редактирования и выглядит максимально близко похожим на конечную продукцию. То есть вы вносите изменения и сразу видите результат. В настоящее время для подобных программ также широко используется понятие «визуальный редактор».[/di] редактором для работы со страницами сайта. Благодаря визуальному редактору мы прямо в браузере выполняем многие операции: от простого редактирования текста до настройки компонентов. По сути, с помощью визуального редактора мы способны редактировать любую информацию на сайте.

      В этой главе мы познакомимся с визуальным редактором и случаями его использования:

      • работа с текстом;
      • работа с графикой и видео;
      • работа с компонентами и сниппетами.

      Уточним, что редактор работает во всех современных браузерах:

      • Internet Explorer версии 11;
      • Firefox версии 3.x и выше;
      • Opera версии 12.x и выше;
      • Safari версии 5 и выше;
      • Google Chrome версии 7 и выше.

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


      Где используется визуальный редактор

      Мы узнали, что в системе "1С-Битрикс: Управление сайтом" присутствует встроенный редактор. Давайте разберемся, в каких случаях нам придется его использовать и как он облегчит нашу работу. Визуальный редактор используется и в публичной и в административной части сайта. Использовать редактор мы будем в двух случаях:

      • Для редактирования страниц - например, когда нам нужно просто поменять [dw]статический[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] текст на странице.
      • Для редактирования текстовых описаний - например, для изменения описания товара или редактирования новости.

      Редактирование страниц

      Предположим, нам нужно отредактировать информацию о магазине.

      Нажмите на рисунок, чтобы увеличить

      На [dw]панели управления[/dw][di][/di] нажмем кнопку . Эта операция откроет страницу в редакторе:

      Нажмите на рисунок, чтобы увеличить

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

      Также мы можем перейти к редактированию страницы в административном разделе с помощью опции [dw]Изменить страницу в панели управления[/dw][di][/di]. Окно редактора в этом случае будет выглядеть аналогично.

      Редактирование текстовых описаний

      Рассмотрим вторую ситуацию. Предположим, нам необходимо изменить описание товара. В [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

      Подробнее...[/di] наведем мышь на нужный нам товар и выберем [dw]Изменить товар[/dw][di][/di]. Откроется форма редактирования, ее элементы нас сейчас не интересуют, нам нужна вкладка Подробно и пункт Визуальный редактор. Мы опять видим окно редактора, которое на этот раз содержит подробное описание товара:

      Нажмите на рисунок, чтобы увеличить

      Заключение

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

      Внешний вид редактора

      В предыдущем уроке мы узнали где в системе "1С-Битрикс: Управление сайтом" используется визуальный редактор. Во всех этих случаях внешний вид редактора остается неизменным.

      Давайте разберем внешний вид редактора и его панели подробнее.

      Нажмите на рисунок, чтобы увеличить

      1 - панель переключения режимов редактирования. На этой панели мы переключаемся между визуальным режимом и режимом исходного кода.

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

      3 - рабочая область. Это непосредственно зона для редактирования.

      4 - панель компонентов и сниппетов.

      5 - панель навигации.

      Теперь разберемся для чего нужна каждая панель.


      Панель инструментов

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

      Описание кнопок:


      Панель переключения режимов редактирования

      Визуальный редактор может работать в двух режимах. Визуальный режим - более простой и интиутивно понятный вариант. Мы сразу видим как будут выглядеть элементы на странице. Второй вариант - режим исходного кода. Он предназначен для опытных пользователей и позволяет произвести дополнительную настройку (например, задать значения параметров). Также существует совмещенный режим - экран делится на [dw]две части[/dw][di][/di] для визуального режима и режима кода.

      Соответственно на панели мы видим кнопки для переключения между этими режимами:

      • - режим исходного кода.
      • - режим визуального редактирования.
      • - совмещенный режим по горизонтали.
      • - совмещенный режим по вертикали.

      Панель компонентов и сниппетов

      [dw]Компоненты[/dw][di]Компонент - программный код, оформленный в специальную оболочку. Мы можем вставлять этот блок кода на страницы сайта без непосредственного написания кода. Подробнее...[/di] - это своеобразный блок из конструктора LEGO. И из этих блоков мы "выстраиваем" публичную часть сайта.

      Обратите внимание, что при работе с информационными блоками панель Компоненты не отображается.

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

      Пример работы со сниппетами

      Панель навигации по элементам и сущностям

      Панель навигации помогает нам работать с выбранным в рабочей зоне элементом (то есть с тем элементом, на котором находится фокус мыши). Проще говоря, если мы выбрали в рабочей зоне ссылку - с помощью панели навигации можем [dw]настроить[/dw][di][/di] ее параметры. Выбрали компонент - можем настроить его параметры и т.д.


      Заключение

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


      Как работать с текстом

      Для чего мы чаще всего используем визуальный редактор? Правильно, для работы с текстом. Встроенный редактор позволяет выполнять широкий круг операций: от простого форматирования до создания таблиц и проверки орфографии.

      В этой главе мы рассмотрим:

      • Как отформатировать текст, выровнять его, изменить цвет, шрифт и многое другое;
      • Как настроить автоматическую проверку орфографии;
      • Как работать с таблицами в редакторе;
      • Как добавить спецсимволы, ссылки или текст из MS Word.

      Форматирование текста

      Достаточно часто в работе нам приходится изменить цвет, размер шрифта, выравнивание текста. Чуть реже мы добавляем специальные символы и разрывы страниц. Для всех этих операций мы будем использовать панель инструментов визуального редактора "1С-Битрикс: Управление сайтом":

      Нажмите на рисунок, чтобы увеличить

      Слева располагаются кнопки отмены и повтора последнего действия - важные команды для повседневной работы. Остальные инструменты разделены на смысловые блоки:

      • 1 - заголовки и шрифт.
      • 2 - изменение написания текста.
      • 3 - списки и выравнивание текста.
      • 4 - инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблона.
      • 5 - дополнительные инструменты.

      Разберем их по отдельности.


      Работа с шрифтом и заголовками

      С помощью выпадающего списка [dw]Стиль[/dw][di][/di] мы задаем стиль текста. Список предлагает нам:

      • Заголовок 1-6 - Шесть вариантов заголовка, от самого большого к самому маленькому. Эти стили соответствуют html-коду ≺h1≻-≺h6≻.
      • Буквица - крупная первая [dw]буква[/dw][di][/di] главы или раздела.
      • Цитата - выделение текста в форме [dw]цитаты[/dw][di][/di].
      • Выделенный текст - задать цвет фона текста.
      • Текстовый блок - создать блок на всю ширину страницы с выбранным фоном.
      • Текстовый блок с иконкой - создать блок на всю ширину с иконкой.
      • Абзац - абзац текста, соответствует html-коду ≺p≻.
      • Блок - блок текста, соответствует html-коду ≺div≻.

      Следующие два выпадающих списка позволяют выбрать [dw]шрифт[/dw][di][/di] и размер шрифта.


      Изменение написания текста

      Далее располагаются кнопки для изменения написания текста:

      • - Жирный текст
      • - Курсив
      • - Подчеркнутый текст
      • - Зачеркнутый текст
      • - Удалить форматирование - удалить все форматирование выделенного текста.
      • - Цвет текста и фона - [dw]выбор цвета[/dw][di][/di] отдельно для текста и для фона.

      Каждому варианту [dw]соответствует[/dw][di]
      Кнопка Текст Теги
      Жирный <b>Жирный</b>
      Курсив <i>Курсив</i>
      Подчеркнутый <u>Подчеркнутый</u>
      Зачеркнутый <del>Зачеркнутый</del>
      [/di] html-код. То есть с помощью таких тегов мы бы изменяли написание, если бы писали код вручную.


      Списки и выравнивание текста

      Следующая группа кнопок предназначена для создания списков и выравнивания текста:

      В редакторе мы можем создавать два вида списков: [dw]нумерованный[/dw][di]Cоответствует html-коду ≺ol≻ - ≺/ol≻[/di] и [dw]маркированный[/dw][di]Cоответствует html-коду ≺ul≻ - ≺/ul≻[/di]. Нумерованный список создается с помощью кнопки и выглядит так:

      1. первый
      2. второй
      3. третий

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

      • первый
      • второй
      • третий

      Кнопки и служат для увеличения и уменьшения отступа от края.

      Кнопка позволяет задать выравнивание текста:

      • По левому краю.
      • По центру.
      • По правому краю.
      • По ширине.

      Работа со ссылками, медиа, таблицами и стилями.

      Следующая группа элементов содержит инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблона:

      В этом уроке мы рассмотрим только работу со стилями, остальные инструменты достаточно сложные и описаны в отдельных уроках чуть дальше в главе.

      Для хранения информации о внешнем виде страницы используются [dw]каскадные таблицы стилей (CSS)[/dw][di]CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.[/di]. Выпадающий список позволяет нам выбрать какая таблица стилей будет применена к текущей странице.

      Обратите внимание, что мы не меняем [dw]шаблон[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] (это делается в настройках сайта), а всего лишь выбираем таблицы стилей.

      Кнопка разворачивает визуальный редактор на весь экран. Нажмите кнопку еще раз, чтобы выйти из этого режима.


      Дополнительно

      Нажмите на кнопку для вызова панели дополнительных инструментов:

      • - Вставить специальный символ.

        Иногда нам нужно вставить в текст специальный символ. Нажмите на эту кнопку и откроется [dw]таблица[/dw][di][/di] часто используемых символов. Если среди них нет нужного вам - нажмите кнопку Другой спецсимвол. Откроется полная [dw]таблица[/dw][di][/di] спецсимволов, нажмите на символ и он появится на странице.

      • - Вставить разрыв страницы для печати.

        Эта кнопка позволяет [dw]разбить[/dw][di][/di] одну страницу при печати на несколько страниц.

      • - Вставить разделитель страниц.

        Позволяет вставить [dw]разрыв страницы[/dw][di][/di] в нужном месте.

      • - Проверка орфографии.

        Визуальный редактор позволяет автоматически проверять введенный текст на ошибки. Некоторые браузеры (например Mozilla) обладают встроенной системой проверки орфографии. Система "1С-Битрикс: Управление сайтом" для этой функции использует библиотеку pSpell. Установить эту библиотеку может администратор сайта. Если расширение не установлено, то при попытке проверки орфографии будет выдана [dw]ошибка[/dw][di][/di].

        Если расширение pSpell установлено и работает, то при нажатии на кнопку Проверка орфографии откроется [dw]окно настроек[/dw][di][/di].

      • - Вставить горизонтальный разделитель.

        Вставляет [dw]горизонтальную полосу[/dw][di]Соответствует html-коду ≺hr≻[/di].

      • - Нижний индекс.

        Добавляет к тексту нижний индекс.

      • - Верхний индекс.

        Добавляет к тексту верхний индекс.


      Заключение

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


      Как работать с таблицами

      Визуальный редактор "1С-Битрикс: Управление сайтом" позволяет легко и наглядно создавать и редактировать таблицы без использования [dw]HTML[/dw][di]HTML - технические коды, обеспечивающие различное отображение информации. Самый простой пример: выделить текст жирным шрифтом или с подчёркиванием.
      Знание и умение применять эти коды - не обязательное, но желательное умение для Контент-менеджера.[/di]-кода. Давайте рассмотрим процесс создания и редактирования таблицы.


      Как создать таблицу?

      Кнопка создания таблицы находится на панели инструментов:

      Появится [dw]поле[/dw][di][/di], на котором вы мышью выделяете необходимое количество строк и столбцов.

      Для более детальной настройки таблицы нажмите кнопку Вставить таблицу...:

      Разберем поля формы:

      • Строки/столбцы - количество строк и столбцов в создаваемой таблице.
      • Ширина/высота - размер таблицы в пикселях (можно также задать размеры в процентах, используя знак %).
      • Заголовки - расположение заголовка таблицы (верхняя строка, левая колонка, и сверху и слева).
      • Граница - толщина границы таблицы в пикселях.
      • Внешний/внутренний отступ ячеек - отступы внутри и снаружи ячейки в пикселях.
      • Выравнивание - выравнивание таблицы на странице (слева, по центру, справа).

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


      Как отредактировать таблицу?

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

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

      Если вы выберете мышью таблицу, то увидите на панели навигации полную структуру таблицы:

      Это удобно для редактирования отдельных элементов таблицы (элементы представлены в виде html-тегов). Просто нажмите на нужный элемент и выберите пункт Свойства.


      Заключение

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


      Как работать со ссылками

      Ссылки обладают большими возможностями: мы можем создать ссылку на другой сайт, на документ, на часть страницы или даже на создание электронного письма. Рассмотрим работу со ссылками в визуальном редакторе "1С-Битрикс: Управление сайтом". Кнопки для управления ссылками находятся на панели инструментов:

      • - Позволяет установить якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы. О создании якоря мы поговорим чуть дальше в уроке;
      • - Создает ссылку. Установите курсор в необходимое место в редакторе и нажмите эту кнопку. Появится форма создания ссылки:

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

        Редактор предусматривает создание четырех видов ссылок:

        • На документ на сервере;
        • На другой сайт;
        • Внутри данного документа;
        • На электронный адрес.

        Поговорим о каждом варианте по отдельности.

      Ссылка на документ на сервере

      Предположим мы хотим разместить на странице ссылку на текстовый файл или таблицу. Этот файл должен быть заранее [dw]загружен на сервер[/dw][di]Мы разбирали процесс загрузки файла на сервер в отдельном уроке[/di].

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите На документ на сервере;
      3. В поле адрес укажите прямую ссылку на требуемый документ. Также вы можете [dw]выбрать файл[/dw][di][/di] в структуре сайта или медиабиблиотеке;
      4. При необходимости задайте дополнительные параметры.

      Ссылка на другой сайт

      Что если нам необходимо разместить на странице ссылку на другой сайт?

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите На другой сайт. Форма настроек изменит свой вид;
      3. Выберите нужный [dw]протокол[/dw][di]Сетевой протокол — набор правил и действий (очерёдности действий), позволяющий осуществлять соединение и обмен данными между двумя и более включёнными в сеть устройствами.[/di] (в большинстве случаев используется вариант по умолчанию - http://), а в поле Адрес сайта введите название сайта;
      4. При необходимости задайте дополнительные параметры.

      Ссылка внутри документа (якорь)

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

      1. Сначала создайте якорь в нужном месте страницы с помощью кнопки на панели инструментов. Дайте якорю смысловое название.
      2. Нажмите кнопку создать ссылку - ;
      3. В поле тип выберите Внутри данного документа;
      4. Задайте текст ссылки и в поле Закладка (якорь) выберите якорь, который вы создали ранее;
      5. При необходимости задайте дополнительные параметры;
      6. Повторите операции для создания нескольких якорей.

      Ссылка на электронный адрес

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

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите Электронный адрес. Форма изменит свой вид, появится поле e-mail;
      3. Задайте текст ссылки и в поле e-mail укажите почтовый ящик, на который будут приходить письма;
      4. При необходимости задайте дополнительные параметры;

      Заключение

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


      Настройки редактора и вставка текста

      В работе контент-менеджера возникают ситуации, когда необходимо вставить на страницу текст из другого места. Причем этот текст часто обладает собственным форматированием и его вставка может нарушить стиль страницы. Визуальный редактор "1С-Битрикс: Управление сайтом" обладает возможностью настроить вставку текста - выбрать какие стили оставить, а какие удалить. Эта настройка выполняется с помощью кнопки Настройки в правой части панели инструментов:

      Появится окно, в котором вы можете задать очистку текста при вставке:

      Например, если отметить все опции очистки, то редактор полностью удалит форматирование исходного текста:

      Обратите внимание, что в форме настроек вы также можете включить или выключить панель [dw]сниппетов[/dw][di]Сниппет - это заранее подготовленный фрагмент текста или кода, этакие заготовки. Предположим, что вам каждый день приходится вставлять на страницы сайта одну и ту же таблицу или форму. Вы можете сохранить эту таблицу в сниппетах и затем простым перетаскиванием размещать ее в нужном месте. Подробнее.. [/di].


      Как работать с картинками и видео

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

      • Загрузить на сайт картинку и разместить ее на странице;
      • Загрузить и разместить видео файл.

      Как загрузить и разместить изображение

      Визуальный редактор "1С-Битрикс: Управление сайтом" позволяет загружать графику с вашего компьютера и размещать ее на страницах сайта. Для размещения изображения нажмите кнопку Изображение на панели инструментов редактора:

      Появится форма настроек, в которой мы задаем источник изображения, заголовок и дополнительные параметры (CSS-атрибуты изображения). Источник изображения мы можем задать тремя способами:

      • указать прямой адрес;
      • выбрать из медиабиблиотеки;
      • выбрать из структуры сайта.

      Давайте рассмотрим эти способы поподробнее.


      Адрес изображения

      Укажите путь к картинке на сервере или полный адрес изображения в сети. После ввода значения вы увидите "миниатюру" изображения, а так же сможете [dw]задать его размер[/dw][di][/di]. Размер может быть определен в пикселях или процентах. Обратите внимание, что современные шаблоны сайтов используют разные размеры изображения в зависимости от размера экрана. Такой шаблон называется [dw]адаптивным[/dw][di]Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.[/di]. В этих случаях мы рекомендуем отмечать опцию [dw]Не указывать размер[/dw][di][/di];


      Выбор из медиабиблиотеки

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

      1. Нажмите кнопку размещения изображения на панели инструментов визуального редактора;
      2. Нажмите кнопку для перехода к выбору из медиабиблиотеки;
      3. Появится [dw]окно библиотеки[/dw][di][/di], выберите нужное изображение и нажмите кнопку Выбрать;
      4. Как и в предыдущем пункте вы увидите "миниатюру" изображения и сможете задать настройки размера.

      Выбор из структуры сайта

      Этот вариант используется, если изображение находится не в медиабиблиотеке, а уже [dw]загружено на сервер[/dw][di]Процесс загрузки файла на сервер мы рассматривали в отдельном уроке.[/di]. Также мы расскажем как загрузить изображение с вашего компьютера на сервер.

      1. Нажмите кнопку размещения изображения на панели инструментов визуального редактора;
      2. Нажмите на стрелку на кнопке и выберите пункт Выбрать из структуры сайта;
      3. Откроется встроенный менеджер файлов:

        В нижней части менеджера расположены две вкладки:

        • Открыть файл - вкладка для выбора файла, который уже расположен на сервере. Просто в файловой структуре вашего сайта выберите нужное изображение и нажмите кнопку Открыть. Обратите внимание, что для удобства вы можете выбрать [dw]вид менеджера[/dw][di][/di] - например, режим Предпросмотр позволяет сразу видеть миниатюру изображений, что облегчает поиск.
        • Загрузить файл - вкладка для загрузки файла с локального компьютера. Нажмите кнопку Обзор и выберите изображение для загрузки. При необходимости измените имя файла на сервере и опцию Открыть файл после загрузки.

      Заключение

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

      Как разместить видео

      Современные сайты часто содержат на страницах встроенные видеофайлы. Система "1С-Битрикс: Управление сайтом" позволяет использовать видео из [dw]Медиабиблиотеки[/dw][di]Медиабиблиотека - специальный инструмент для размещения и управления файлами: фотографиями, видео и другими. Используется для удобной и лёгкой сортировки по группам файлов определённого типа с дальнейшим применением на страницах сайта. Подробнее...[/di] и видео со стороних сервисов (таких как YouTube и RuTube).

      Для размещения стороннего видео:

      1. Нажмите кнопку Вставить видео на панели инструментов редактора:

      2. Появится простая [dw]форма настройки[/dw][di][/di]. Укажите ссылку на видеоролик в поле Источник видео.

      3. Появится окно предпросмотра видео и поля для задания названия и размера видео:

      4. Нажмите кнопку Сохранить и видео появится на странице.

      Вы всегда можете изменить настройки видео. Откройте визуальный редактор, нажмите на видео правой кнопкой и выберите пункт Свойства:

      Если видеофайл расположен на сервере, то для его размещения используйте [dw]Медиапроигрыватель[/dw][di]Медиапроигрыватель - встроенный в систему плеер для воспроизведения аудио и видеофайлов. Подробнее...[/di].


      Компоненты: что это и как их использовать

      Предположим, вы хотите расположить на странице сайта список новостей. Новости хранятся в [dw]базе данных[/dw][di]База данных - часть вашего сайта, в которой хранится однородная информация. Недоступна для управления Контент-менеджером.[/di]. Но вы - не программист и не умеете обращаться к базе данных для получения информации. Компоненты облегчат вашу жизнь.

      Что такое компонент?

      Представьте, что сайт - это дом. Дом состоит из этажей и комнат. Каждая комната выполняет определенную функцию - в спальне мы спим, на кухне готовим еду, а в ванной принимаем душ. Компонент - это готовая комната нашего дома. Мы просто "выстраиваем" внешний вид сайта из набора разных компонентов. Один компонент показывает новости, другой - сообщение в блоге. Это и есть функции компонентов.

      Чтобы было понятнее, приведем примеры использования компонентов в реальной жизни. На картинках ниже компоненты выводят список товаров и список новостей:

      Нажмите на рисунок, чтобы увеличить Нажмите на рисунок, чтобы увеличить

      Какие бывают компоненты?

      Компоненты бывают простые (одностраничные) и комплексные (многостраничные). Отдельная комната в доме - это простой компонент. Теперь представьте, что мы составили из нескольких комнат целый этаж. И использовать готовый этаж еще проще и удобнее. Это и будет аналогией для комплексного компонента.

      Комплексный компонент объединяет в себе логику простых компонентов и выполняет уже более широкий набор функций.

      Например, Вы хотите показать на сайте каталог товаров. Используйте комплексный компонент Каталог товаров и он автоматически создаст страницы для разделов (1) и отдельные страницы для каждого из товаров (2):

      Пример комплексного компонента

      Повторим еще раз:

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

      Так зачем нужны комплексные компоненты?

      Вы можете возразить - почему бы не использовать только простые компоненты? Какие же проблемы решают комплексные компоненты?

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

      Заключение

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


      Работа с компонентами

      Мы узнали, что такое [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] в теории. Давайте научимся работать с ними на практике. Мы разберем как разместить компонент на странице и настроить его.


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

      В предыдущих уроках мы разобрались, что такое [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di]. Система "1С-Битрикс: Управление сайтом" обладает стандартным набором компонентов, которые помогают решить практически все возможные задачи.

      Где мне найти компоненты?

      Мы сказали, что в системе есть стандартный набор компонентов. Где же они находятся? На специальной панели в [dw]визуальном редакторе[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di], в которой компоненты разделены на группы (например - контент, общение, магазин). Строка поиска чуть ниже поможет вам найти компонент по названию.


      Как разместить компонент на странице?

      Просто переместите его мышкой в рабочую область слева от списка. Заметьте, что у простых компонентов серая иконка, а у комплексных - зеленая:


      Сразу после размещения появится окно настройки компонента. Пока можете его закрыть, мы обратимся к настройке чуть позже.

      Что-то не получается

      • У меня нет панели компонентов в визуальном редакторе. Панель компонентов показана только для страниц со [dw]статической информацией[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di]. При редактировании [dw]информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] панель отсутствует. Также отображение панели компонентов задается с помощью настроек в административной части сайта (это задача администратора сайта).
      • Я разместил два комплексных компонента, а правильно работает только один из них. Все верно, работать будет только первый комплексный компонент.

      Заключение

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


      Как настроить компонент

      Мы разместили на странице [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di], теперь приступим к настройке. Настройка выполняется двумя способами:

      • Из [dw]визуального редактора[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di];
      • Из [dw]публичной части[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di] сайта.

      Как настроить компонент в визуальном редакторе?

      В визуальном редакторе нажмите дважды на иконку компонента 1 или выберите пункт меню Свойства 2 в нижней части:

      Нажмите на рисунок, чтобы увеличить

      Tакже вы можете изменять настройки компонента в режиме редактирования исходного кода, однако мы не рекомендуем пользоваться этим способом контент-менеджерам.

      Откроется форма настройки:

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

      Подробнее о параметрах компонентов

      Как настроить компонент в публичной части сайта?

      1. В [dwi include_mode_edit]режиме правки[/dwi] наведите мышь на область компонента, появится панель настроек. Выберите пункт Редактировать параметры компонента. Откроется форма настройки, ее описание выше.

        Нажмите на рисунок, чтобы увеличить

      2. В режиме правки дважды щелкните мышью на области компонента. Откроется форма настройки.

      Для чего нужны остальные пункты всплывающего меню? Давайте разберемся.

      Нажмите на рисунок, чтобы увеличить

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

      • Копировать шаблон;
      • Редактировать шаблон;
      • Отключить компонент.

      Первые две команды используют для работы с шаблоном, чаще всего это задача администратора сайта. А вот команда Отключить компонент может помочь контент-менеджеру. Эта опция делает компонент неактивным. Данные из этого компонента не будут показаны на странице, пока вы не включите его вновь.


      Распространенные вопросы

      • Как определить какой компонент используется в конкретном месте страницы? В [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

        Подробнее...[/di] наведите мышь на интересующую вас область страницы. Появится всплывающая панель, наведите мышь на [dw]"шестеренку"[/dw][di][/di] и вы увидите название компонента и информацию о нем.
      • Я не могу понять, для чего нужны все эти параметры и какие значения мне нужны. В системе множество компонентов и сотни параметров. Каждый параметр отвечает за отображение определенной части информации на странице. Не бойтесь обращаться к документации по интересующему вас компоненту. В ней дано подробное описание и назначение каждого параметра.

        Например, у вас на странице расположен компонент [dw]Корзина[/dw][di][/di] и вам не до конца понятны параметры этого компонента. Переходим в пользовательскую документацию, в поиске [dw]вводим[/dw][di][/di] название нужного нам компонента, выбираем первый результат и видим страницу с подробным объяснением каждого параметра.

      • В режиме правки я навожу мышь на область и появляется несколько панелей, какая из них мне нужна?

        Это значит что вы пытаетесь редактировать комплексный компонент (освежите свои знания о комплексных компонентах в предыдущих уроках). В этом случае верхняя панель служит для настройки самого комплексного компонента. Для управления простыми компонентами используются панели ниже.
      • Я настроил компонент, как мне теперь добавить на страницу новость, статью, товар? В режиме правки наведите мышь на область компонента, появится панель. Нас интересует команда Добавить новость (для каталога товаров это будет Создать товар и т.д.):

      • Почему у страницы какой-то другой заголовок, не тот что мне нужен? Это значит, что на странице несколько компонентов, которые могут изменять заголовок. По правилам системы последний по очереди компонент устанавливает заголовок.

      Заключение

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


      Примеры работы с компонентами

      Как создать новостной раздел?

      В этом нам поможет комплексный компонент . Выполним несколько простых шагов:

      1. [dw]Создайте новую страницу[/dw][di][/di], которую мы будем использовать для отображения новостей (мы рассматривали создание страниц в предыдущих уроках);
      2. С помощью [dw]визуального редактора[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di] разместите на странице компонент Новости (мы рассматривали размещение компонента в предыдущих уроках):

      3. Произведите базовую настройку компонента (нам понадобится только группа Основные параметры, все остальные параметры оставьте как есть):

        Указываем тип [dw]инфоблока[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] Новости и выбираем инфоблок, содержащий новости.

      4. На этом всё! Система автоматически создаст страницу со списком новостей:

        и страницу для каждой новости:

      Мы совершили несколько простых действий, а остальное комплексный компонент Новости сделал за нас. В итоге мы получили целый новостной раздел.

      Создание новостного раздела с помощью простых компонентов (для ознакомления)

      Заключение

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

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


      Информационные блоки

      Любую информацию удобнее всего располагать системно, тем более однородную. Если у какой-то информации можно выделить типичные свойства, то ее размещение на сайте лучше всего реализовать с помощью специальных сущностей: информационных блоков. Это существенно сократит время, необходимое для добавления и изменения информации. Один из удобных моментов работы с инфоблоками заключается в том, что они позволяют создать иерархическую структуру.

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

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


      Что такое информационные блоки

      Ваша цель – наполнить сайт новостями, статьями или товарами? Оптимизируйте свой труд - используйте информационные блоки (сокращенно "инфоблоки"). С ними легко добавлять и обновлять [dwi include_dinamic_info]информацию динамического типа[/dwi].

      C информационными блоками у вас вся информация разложена по полочкам. Инфоблоки - это своего рода библиотека. Только в качестве рубрикатора у него выступают разделы, а в качестве книг - отдельные элементы. Элементы содержат подробную информацию о новости, товаре и т.п.

      Обратите внимание на следующие особенности инфоблоков:

      • количество разделов и элементов неограничено;
      • разделы могут иметь подразделы;
      • один и тот же элемент может быть привязан к нескольким разделам.

      Примечание: инфоблоки с похожей информацией объединяются (группируются) в такое понятие как типы инфоблоков.


      Область применения инфоблоков широка: это товары, статьи, доска объявлений или список подразделений компании - все, для чего можно составить каталог.

      Нажмите на рисунок, чтобы увеличить

      На изображениях выше представлены инфоблок товаров и новостной инфоблок. Пункты 1 в цепочках навигации соответствуют главным страницам инфоблоков. Пункт 2 ведет на раздел инфоблока, 3 - на подраздел. Блоки 4 - это элементы инфоблоков.

      Заключение

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


      Как устроены инфоблоки внутри сайта

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


      Представьте, что на сайте есть новостной раздел и каталог товаров. Отдельный товар, новость - все это элементы инфоблоков:

      Откройте административный раздел сайта и посмотрите, как организованы инфоблоки:

      • В административном меню нажмите Контент. Записи 1 - это типы инфоблоков. Раскройте некоторый тип и вы увидите инфоблоки 2 выбранного типа:

      • Кликнете по названию инфоблока. Возможны 2 ситуации:
        • Откроется сразу список [dw]элементов[/dw][di][/di]. В этом случае инфоблок не имеет разделов и подразделов, т.е. имеет простую одноуровневую структуру.
        • Откроется список [dw]разделов[/dw][di][/di], когда инфоблок имеет многоуровневую структуру. В таком случае [dw]элементы[/dw][di][/di] открываются кликом по разделу.


      Общий порядок работы с информационными блоками

      Создание любого раздела сайта с использованием информационных блоков необходимо проводить в следующем порядке:

      1. Внимательное продумывание структуры инфоблоков.

        Примечание. На начальном этапе создания сайта еще можно будет переделать всю работу без особых временных потерь. Однако после импорта какой-нибудь большой базы данных при неудачно созданной структуре возможна ситуация, когда потребуется повторить весь импорт заново: инфоблоки не могут менять свой тип. И если вам нужно перенести данные из одного типа инфоблока в другой, то сделать это можно только экспортом данных и импортом их в новый инфоблок другого типа. Аналогично и с разделами и элементами.

      2. Создание нужного типа инфоблоков с настройкой параметров.
      3. Создание самих инфоблоков с настройкой параметров.
      4. Создание структуры внутри инфоблока.
      5. Создание элементов инфоблока
      6. Создание физической страницы (в случае использования комплексного компонента) или страниц (при использовании простых компонентов) и размещение на ней компонента (компонентов) с последующей настройкой свойств компонента.
      7. Кастомизация работы компонента под потребности ТЗ сайта.

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

      Одной из самых простых и распространенных схем структуры инфоблоков является обычная древовидная система типа:

      Пример схемы структуры инфоблоков

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

      Типы инфоблоков

      Вам предстоит работа с новым видом информации? Создайте под него свой тип инфоблоков:

      Нажмите на рисунок, чтобы увеличить

      • В административном разделе сайта откройте страницу Типы информационных блоков (Контент > Инфоблоки > Типы инфоблоков).
      • Нажмите кнопку Добавить новый тип. Откроется форма [dw]создания типа инфоблоков[/dw][di][/di].
      • В поле Идентификатор введите латинскими буквами краткое название для вашего типа.
      • Поставьте флаг Использовать древовидный классификатор элементов по разделам, чтобы в инфоблоках этого нового типа можно было создавать разделы. Если вам нужны простые инфоблоки без разделов, то флаг не ставьте.
      • Укажите название типа для разных языков интерфейса в поле Название. Также вы можете переопределить слова Разделы и Элементы, например, на Группы товаров и Товары.
      • На этом настройку нового типа можно закончить - нажмите кнопку Сохранить (пока для нового типа не создан ни один инфоблок, этот тип не будет отображаться в разделе Контент).

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

      Важно! Создавать тип инфоблоков могут те пользователи, которые имеют полный доступ к главному модулю.

      Пример создания типа инфоблоков

      Заключение

      Создание типа инфоблоков выполняется очень просто. Указывается только идентификатор, название и определяется использование разделов. Научитесь теперь создавать и настраивать инфоблок.



      Создание и настройка инфоблока

      Простой пример создания инфоблока Видеотека

      Управление информационными блоками выбранного типа осуществляется на странице Информационные блоки (Контент > Информ. блоки > Типы информ. блоков > название_типа_информационного_блока). С помощью кнопки Добавить инфоблок можно открыть форму создания инфоблока.

      Внимание! После создания информационного блока поменять его тип будет невозможно. При создании сразу правильно выбирайте нужный тип.

      Внешний вид страницы списка инфоблоков в продукте ниже версии 12.0

      Форма создания имеет несколько закладок:

      Значение полей и закладок описано в документации к продукту.

      Несколько замечаний, которые необходимо знать при создании и редактировании инфоблоков:

      • Вкладка Инфоблок содержит настройки общих параметров информационного блока.

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

        Кроме этого, от настроек в этих полях зависит, будет ли при выборках из инфоблока автоматически формироваться правильно адреса вида DETAIL_PAGE_URL/LIST_PAGE_URL.

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

      • Вкладка SEO служит для настройки шаблонов SEO данных для всех разделов и элементов инфоблока.
      • Поля и Поля разделов — это вкладки, которые позволяют задать предустановленные данные для полей формы создания инфоблока. Использование этих вкладок очень облегчает текущую работу контент-менеджеров по наполнению сайта содержимым.
      • Вкладка RSS не отображается, если не отмечена опция Использовать экспорт в RSS в настройках типа инфоблока на вкладке Дополнительно.
      • Вкладка Свойства — это те поля, которые увидит пользователь, создающий информацию с помощью конкретного инфоблока. Сколько на этой вкладке будет задано свойств и в каком формате — столько полей и увидит пользователь. Вывод свойств конкретного инфоблока можно отрегулировать в настройках параметров компонента, выводящего данные этого инфоблока. Подробнее о настройке свойств можно посмотреть в документации.

        Примечание: Необходимо называть все свойства инфоблоков в верхнем регистре. Названия рекомендуется давать осмысленные (используя связку сущность-наименование), разделяя слова нижним подчеркиванием. Например:
        • Имя пользователя: USER_NAME
        • Валюта заказа: ORDER_CURRENCY
        • Список заказов: ORDER_LIST

      • Вкладка Каталог товаров заполняется в инфоблоках, используемых при работе модулей Торговый каталог и Интернет магазин. Если отмечена опция Является торговым каталогом, то инфоблок становится доступным в разделе Магазин, и именно отсюда рекомендуется проводить всю дальнейшую работу с разделами, товарами и их свойствами.

      • Вкладка Доступ — это задание прав на доступ к данному инфоблоку. Особенность системы в том, что даже если задан доступ к странице, на которой выводятся данные, но не задан доступ для инфоблока, из которого выводятся данные, то все равно посетитель сайта не увидит информацию на сайте. Пока идет создание раздела, наполнение сайта контентом, доступ к инфоблоку можно задать только для тех, кто производит эту работу. Подробнее смотрите в уроке Уровни доступа к элементам контента.
      • При заполнении полей URL страниц важно указать корректные значения, иначе ссылки в публичной части сайта на разделы и элементы инфоблока будут вести на страницу 404-й ошибки.
      • Вкладка Подписи позволяет задать новые заголовки объектов инфоблока.
      • Вкладка Шаблоны бизнес-процессов доступна только при наличии в системе модуля Бизнес-процессы и при выборе на закладке Инфоблок в выпадающем списке Участвует в документообороте или бизнес процессах значения бизнес процессы.
      • На закладке Журнал изменений выбираются параметры, которые нужно контролировать с помощью одноимённого компонента.
      Внимание! В версии PHP 5.3.9 был добавлен параметр max_input_vars, значения по умолчанию которого не хватает для форм инфоблоков. Рекомендуемое значение этого параметра - не меньше 5000. Для установки этого значения необходимо обратиться к администратору хостинга.

      Дополнительная информация

      Настройка SEO данных в инфоблоке

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

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

      Шаблоны метаданных для всего инфоблока (всех его разделов и всех элементов) настраиваются в форме редактирования инфоблока (Контент > Инфоблоки > Типы инфоблоков > _ваш_инфоблок_) на закладке SEO. В первых двух секциях закладки выполняются настройки шаблонов мета-тегов TITLE, KEYWORDS, DESCRIPTION и заголовков страницы раздела/элемента (html-тег H1). Для выбора необходимого шаблона служит кнопка [...], расположенная рядом с каждым полем.

      Например, для имеющегося инфоблока Продукция заполним настройки для разделов и для элементов следующим образом:

      В последующих секциях закладки SEO выполняются настройки шаблонов для тегов ALT, TITLE и имени файлов картинок анонса и детальных картинок разделов/элементов инфоблока. Например, для нашего инфоблока выполним настройки для картинок анонса и для детальных картинок элементов следующим образом:

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

      Если необходимо отредактировать настройки SEO информации, то следует отметить опцию Очистить кеш вычисленных значений:

      В этом случае кеш шаблонов будет очищаться и все изменения сразу будут отображаться.


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

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

      Если просмотреть исходный код страницы раздела Зеркала, то в нем будут все заданные в настройках метатеги:

      <head>
      ...
      <meta name="keywords" content="Зеркала, купить Зеркала, приобрести Зеркала" />
      <meta name="description" content="В магазине представлен огромной ассортимент мебели и сопутствующих товаров для дома и офиса" />
      ...
      <title>Каталог Зеркала от магазина Мебель</title>
      ...
      </head>
      

      Важно! Чтобы на странице раздела отображался заголовок, заданный в параметре Заголовок раздела, то должна быть отмечена опция Устанавливать заголовок страницы в компоненте, с помощью которого выводятся данные инфоблока.


      Добавим, например, новый элемент Подушка декоративная в наш инфоблок Продукция. После того, как необходимые поля формы создания элемента будут заполнены, следует нажать кнопку Применить (или Сохранить). Только после этого будут подставлены реальные данные в шаблоны настроек SEO:

      Примечание: настройки SEO для конкретного элемента инфоблока выполняются аналогично настройкам конкретного раздела.


      Важно! При создании шаблонов могут быть использованы следующие фильтры-обработчики, которые можно прописать вручную или вставить с помощью кнопки [...]:
      • {=lower arg1 ... argN} - приведение к нижнему регистру;
      • {=upper arg1 ... argN} - приведение к верхнему регистру;
      • {=concat arg1 ... argN ", "} - сцепление строк через разделитель;
      • {=limit arg1 ... argN "<delimiter>" NN} - ограничение NN элементов по разделителю ;
      • {=translit arg1 ... argN} - транслитерация выбранных аргументов;
      • {=min arg1 ... argN} - выборка минимального числового значения;
      • {=max arg1 ... argN} - выборка максимального числового значения;
      • {=distinct arg1 ... argN} - уникальные (без дублей) значения.



      Предустановленные данные для полей элементов и разделов

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

      Нажмите на рисунок, чтобы увеличить

      Как выполнять настройки?

      Настройки для полей формы элемента выполняются на закладке Поля, а настройки для полей формы раздела - Поля разделов. На закладках в таблицах для каждого поля:

      • отметьте флаг в колонке Обяз., если поле обязательно к заполнению. Так вы не забудете заполнить важное поле.

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

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

      Системная обработка фотографий

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

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

        Примечание: программный механизм ресайза изображений умеет «работать» с традиционными графическими форматами: jpg, gif, png. Если вы загрузите картинку в другом формате, bmp, например, то обработки не произойдет. Система либо выведет картинку в исходном размере, либо выведет сообщение о невозможности обработки картинки. Какое из этих двух «либо» сработает – зависит от флажка Игнорировать ошибки масштабирования.
      • Для настройки качества обработки вы также можете использовать другие параметры закладки Поля. Но учтите, что их использование требует свободных ресурсов сервера:
        • Установите флажок Сохранять качество при масштабировании.
        • Задайте приемлемый уровень качества в процентах в поле Качество.

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



      Свойства элементов

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

      Общий подход при работе со свойствами

      Примечание: свойства создаются для каждого инфоблока отдельно.

      Как создать свойство?

      • Откройте форму настроек информационного блока (Контент > Инфоблоки > Типы инфоблоков > название_типа > название_инфоблока).
      • Перейдите на закладку [dw]Свойства[/dw][di][/di].
      • В свободной строчке:
        • введите название свойства (название будет показываться на сайте);
        • выберите тип хранимых в свойстве данных;
        • отметьте флаг Множ., если значений у свойства может быть несколько;
        • отметьте флаг Обяз., если указание значений данного свойства - это обязательная процедура;
        • заглавными латинскими буквами укажите [dw]код свойства[/dw][di][/di];
        • нажмите кнопку […] для детального редактирования настроек свойства.
      • Во всплывающем окне проверьте уже сделанные вами настройки и выполните оставшиеся.

        Примечание: перечень полей зависит от выбранного типа свойства. Описание каждого поля приведено в документации по продукту.
      • Сохраните настройки.

      Теперь вы можете указывать значения этого свойства при создании/редактировании элементов:

      Важно! Если свойство не появилось в форме создания/редактирования элемента, то перенастройте внешний вид формы.

      Как вывести информацию из свойства?

      Когда свойство [dw]уже создано[/dw][di][/di] и в элементах инфоблока проставлены его [dw]значения[/dw][di][/di], можно приступать к выводу этих значений на сайт:

      • Откройте на сайте страницу, где демонстрируется посетителям информация из вашего инфоблока.
      • Включите [dwi include_mode_edit]режим правки[/dwi].
      • Откройте форму с настройками компонента.
      • Перейдите к настройкам списка и/или детального просмотра и отметьте [dw]ваше свойство[/dw][di][/di].
      • Сохраните настройки.

      Теперь значения из свойства показываются на сайте:

      Примечание: на сайте выводятся только непустые значения свойств.

      Как вывести подсказки в фильтре?

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

      • Откройте форму редактирования вашего каталога с товарами (Контент > Инфоблоки > Типы инфоблоков > название_типа > название_инфоблока).
      • Перейдите на закладку Свойства.
      • В строке с требуемым свойством нажмите кнопку […].
      • Введите текст подсказки в поле [dw]Подсказка в умном фильтре для посетителей[/dw][di][/di].
      • Сохраните настройки.

      Теперь в фильтре рядом с параметром отображается подсказка:

      Заключение

      Свойства создаются отдельно для каждого инфоблока. Значения свойства задаются в элементах инфоблока. Показ значений свойства на сайте определяется настройками компонента.



      Разделы и элементы

      Разделы: создание, расположение в меню, удаление

      Как добавить раздел в размещенный на сайте инфоблок?

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

      • Откройте на сайте каталог или раздел, в котором вам требуется добавить новый раздел (или подраздел).
      • Включите [dwi include_mode_edit]режим правки[/dwi].
      • Наведите курсор мыши на содержимое каталога и нажмите Добавить раздел:

        Нажмите на рисунок, чтобы увеличить
      • Заполните важные для вас поля в [dw]форме редактирования раздела[/dw][di][/di].

        Обратите внимание, что:
      • Сохраните настройки. Раздел добавится в [dw]список разделов и в меню[/dw][di][/di].

      Как переместить раздел в меню?

      Иногда требуется пересортировать пункты в меню каталога. Например, расположить пункт [dw]Нижнее белье[/dw][di][/di] после пункта Спортивная одежда. Для этого выполните следующие действия:

      • Откройте [dwi include_admin_area]административный раздел[/dwi] сайта.
      • Перейдите на страницу со списком разделов вашего инфоблока.
      • Отметьте флагом нужный раздел и нажмите на [dw]карандаш[/dw][di][/di] под таблицей.
      • Измените значение сортировки (чем меньше сортировка, тем выше по меню раздел будет показан). Так, для нашего примера значение сортировки раздела Нижнее должно стать больше значения сортировки раздела Спортивная одежда, но меньше значения для раздела Аксессуары.
      • Сохраните настройки. Раздел [dw]переместится в меню[/dw][di][/di].

      Как создать раздел в новом инфоблоке?

      Когда инфоблок только что создан и еще не опубликован на сайте, то разделы в него добавляйте с помощью средств административного раздела:

      • Откройте страницу инфоблока: Контент > название_типа > название_инфоблока (где вместо название_типа, название_инфоблока будут реальные названия вашего типа и инфоблока).

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

        Нажмите на рисунок, чтобы увеличить

        Важно! Добавление разделов недоступно, если в настройках типа инфоблоков не отмечена опция [dw]Использовать древовидный классификатор элементов по разделам[/dw][di][/di].
      • Заполните важные для вас поля в [dw]форме редактирования раздела[/dw][di][/di].

        Обратите внимание, что:
      • Сохраните настройки. Раздел [dw]добавится в список[/dw][di][/di].

      Как удалить раздел?

      Удаление раздела возможно двумя способами:

      Способ №1: из административного раздела

      • Откройте страницу инфоблока: Контент > название_типа > название_инфоблока (где вместо название_типа, название_инфоблока будут реальные названия вашего типа и инфоблока).
      • Для удаляемого раздела выберите [dw]Удалить[/dw][di][/di] в меню действий.

      Способ №2: из публичного раздела

      • Перейдите в раздел, который следует удалить.
      • Включите режим правки.
      • Наведите курсор мыши на содержимое раздела и нажмите [dw]Удалить раздел[/dw][di][/di].

      Важно! Независимо от способа удаления раздел удаляется вместе со всеми его элементами.

      Заключение

      Итак, вы познакомились с тем, как выполнять операции с разделами инфоблока:

      • чтобы создать раздел - нажимайте Добавить раздел и заполняйте поля формы;
      • чтобы удалить - используйте Удалить раздел;
      • чтобы изменить расположение в меню - настройте значение сортировки для разделов.


      Элементы: создание, изменение, удаление

      Как создать новый элемент инфоблока?

      Следуйте инструкциям на схеме и расширяйте контент вашего сайта: публикуйте статьи, добавляйте товары и новости.

        1. Ответьте на вопрос:
      материалы вашего инфоблока уже показываются на сайте?
       
       
      2. На сайте откройте любую страницу с материалами из вашего инфоблока.   2. Перейдите в [dwi include_admin_area]административный раздел[/dwi] сайта.                  
       
      3. Включите [dwi include_mode_edit]режим правки[/dwi] и наведите курсор мыши на [dw]содержимое страницы[/dw][di][/di].   3. Откройте страницу Контент > название_типа > название_инфоблока или (если элемент добавляете в раздел) [dw]Контент > название_типа > название_инфоблока > название_раздела[/dw][di][/di].
       
        4. Нажмите Добавить элемент.
      (вместо слова элемент может быть новость, товар и т.п.)
       
         
        5. Заполните поля в [dw]форме редактирования элемента[/dw][di][/di].

      Важные моменты при заполнении полей формы
       
         
        6. Сохраните введенную информацию. Элемент добавится в [dw]список[/dw][di][/di].  

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

      Как отредактировать элемент инфоблока?

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

      1. Из публичного раздела:
        • На сайте откройте страницу вашего элемента.
        • Включите режим правки.
        • Наведите курсор мыши на информацию элемента и нажмите [dw]Изменить элемент[/dw][di][/di] (вместо слова элемент может быть новость, товар и т.п.).
        • В открывшейся форме внесите необходимые правки в текст, картинки.
        • Сохраните изменения.
      2. Из административного раздела:
        • Откройте страницу Контент > название_типа > название_инфоблока > название_раздела (переходить в раздел требуется только в том случае, если элемент расположен в разделе).
        • Для элемента выберите [dw]Изменить[/dw][di][/di] в меню действий.
        • В открывшейся форме внесите необходимые правки в текст, картинки.
        • Сохраните изменения.

      Как удалить элемент инфоблока?

      Удаляйте элемент наиболее удобным для вас способом:

      1. Из публичного раздела:
        • На сайте откройте страницу с элементом, который следует удалить.
        • Включите режим правки.
        • Наведите курсор мыши на информацию элемента и нажмите [dw]Удалить элемент[/dw][di][/di] (вместо слова элемент может быть новость, товар и т.п.).
      2. Из административного раздела:
        • Откройте страницу Контент > название_типа > название_инфоблока > название_раздела (переходить в раздел требуется только в том случае, если элемент расположен в разделе).
        • Для удаляемого элемента выберите [dw]Удалить[/dw][di][/di] в меню действий.

      Заключение

      Итак, вы познакомились с тем, как выполнять операции с элементами инфоблока:

      • чтобы создать элемент - нажимайте Добавить элемент и заполняйте поля формы;
      • чтобы внести правки в материалы - нажимайте Изменить элемент и корректируйте информацию;
      • чтобы удалить - используйте Удалить элемент.


      Редактор изображений в элементах инфоблока

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

      Примечание: инструмент загрузки и обработки изображений доступен с версии 15.5.1. Его можно использовать для [dw]картинок анонса[/dw][di][/di], [dw]детальных картинок[/dw][di][/di] элемента и для фотографий, [dw]загружаемых в свойство[/dw][di][/di] типа Файл.

      Как пользоваться редактором?

      • Откройте форму редактирования элемента.
      • [dw]Перетащите в область картинок[/dw][di]В области картинок показываются либо эскизы изображений, либо иконки с названием файлов. Это определяется нажатием кнопок 1 и 2 соответственно.

        [/di] изображения с локального компьютера.
        Хотите загрузить из других источников? Используйте кнопку .
      • Дважды кликнете по добавленному изображению либо нажмите на "карандашик" под изображением. Откроется окно редактора:

        Нажмите на рисунок, чтобы увеличить

        Примечание: для добавляемых изображений редактор откроется автоматически, если предварительно в меню кнопки отметить пункт [dw]Использовать кадрирование[/dw][di][/di].
      • Придайте подходящий вид изображению, отображаемому в рабочей области 1. При этом:
        • Инструменты панели 3 используйте для поворота, отражения, [dw]обрезки изображения[/dw][di]При выполнении обрезки отображается специальная панель управления. Так, кнопка позволяет очистить выделенную область, предназначенную для обрезки. Кнопка служит непосредственно для обрезки изображения согласно выбранной области, а кнопка определяет сохранять ли соотношение сторон при выборе обрезаемой области.[/di], а также при переводе изображения в черно-белый вид и добавлении подписи.
        • Сохраняйте настройки выполняемой вами обрезки по кнопке 5, чтобы применять их в дальнейшем.
        • Обрезайте изображение по вашим настройкам: в панели 4 выберите пресет и нажмите кнопку . В рабочей области 1 сразу отобразится рамка обрезки нужного размера.

          Старые пресеты редактируйте по кнопке панели 4.
        • Изменяйте размеры изображения в абсолютном 6 или процентом соотношении 7.
        • Не бойтесь ошибиться. Любое действие отменяется по кнопке 8.
        Если вы загрузили несколько изображений в область, то не закрывайте редактор. Переключайтесь между обрабатываемыми изображениями с помощью панели 2.
      • Сохраните выполненные настройки.

      Заключение

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



      Настройка SEO информации

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

      Шаблоны SEO данных можно задавать как для всего инфоблока (т.е. для всех его разделов и элементов), так и для конкретных разделов, или элементов нужного раздела. Настройка может быть сделана для всего инфоблока, а потом для конкретного раздела/элемента переопределена на свою персональную. Все эти настройки выполняются на закладке SEO формы создания/редактирования соответственно инфоблока, раздела или элемента.

      Учебное видео
      SEO настройка каталога

      Содержание видеоролика может отличаться от текущей версии продукта. Более актуальная информация содержится в тексте урока.

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

      Рассмотрим работу с шаблонами SEO данных на примере раздела. Для этого отредактируем, например, раздел Мягкая мебель (необходимо включить режим правки и нажать на пункт меню Изменить раздел):

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

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

      По шаблону META TITLE (1) строится заголовок окна браузера, а по заданному в поле Заголовок раздела шаблону (4) - заголовок страницы раздела:

      С помощью шаблонов META KEYWORDS (2) и META DESCRIPTION (3) задаются соответственно ключевые слова и описание для раздела. Так, если пользователь в поисковике введет фразу из ключевых слов, заданных для раздела, то найденный раздел будет отображен с соответствующим ему описанием:

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

      Например, настроим шаблоны мета-тегов для всех элементов раздела Мягкая мебель:

      • Для заголовка окна браузера (тег META TITLE) зададим шаблон, который подставляет название элемента и название родителя: {=this.Name} из каталога {=parent.Name}.
      • Для списка ключевых слов (META KEYWORDS) выберем шаблон, который будет подставлять значение из имеющегося у нас свойства элементов Ключевые слова: {=this.property.KEYWORDS}.
      • Описание (тег DESCRIPTION) будет браться из текста анонса элемента: {=this.PreviewText}.
      • Для заголовка страницы (поле Заголовок товара) задаем шаблон, который будет подставлять только название элемента: {=this.Name}.

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


      Аналогичным образом происходит работа и с тегами для картинок. Настройка шаблонов мета-тегов осуществляется как для анонсовых, так и для детальных изображений разделов и элементов инфоблока. Для картинок можно устанавливать теги ALT, TITLE, а также делать шаблоны названий файлов:

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


      Настройка форм элементов и разделов под себя

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

      Облегчите свой труд, используйте инструмент настройки форм инфоблоков. Инструмент учитывает индивидуальные потребности, позволяет настроить формы редактирования разделов и элементов инфоблока под себя:

      • удаляйте лишние поля или целые вкладки;
      • перемещайте поля между вкладками;
      • создавайте свои вкладки.
      Для каждого конкретного инфоблока формируйте свои уникальные формы и работайте с удовольствием.

      Как настраивается форма под себя?

      Примечание: настройка формы выполняется только из административной части сайта.

      • Если собираетесь настроить форму редактирования элемента, то откройте страницу со списком элементов инфоблока. Если же нужно настроить форму раздела, то страницу со списком разделов.
      • Откройте на редактирование любой элемент (или раздел соответственно).
      • В правой части формы нажмите на «шестеренку» . Откроется окно с настройками:

        Нажмите на рисунок, чтобы увеличить
      • Сначала отредактируйте и настройте вкладки для формы. Обратите внимание, что все доступные по умолчанию в системе вкладки перечислены в окне 1, а вкладки, которые в действительности показываются в форме, размещаются в окне 2.
        • Выберите вкладку в окне 2 и измените ее расположение с помощью кнопок Выше и Ниже.
        • Если нужно изменить название одной из вкладок, то выберите ее в окне 2 и нажмите Изменить.
        • Для добавления новой вкладки на форму нажмите Добавить справа от окна 2.
        • Если вкладка на форме лишняя, то отметьте ее окне 2 и нажмите Удалить.
        • Если в форму нужна вкладка, которая находится в окне 1, то отметьте ее и перенесите с помощью кнопки [ > ].
        • Примечание: удалять и переносить вкладки можно не по одной, а сразу несколько, выделив все нужные вкладки в окне.
      • Поочередно выбирайте вкладки в окне 2 и в окне 4 настраивайте их поля. Каждое поле настраивается аналогично вкладке:
        • вы выбираете поле и выполняете нужную операцию с помощью кнопок, расположенных около окна 4. Единственное отличие - новые поля добавлять нельзя, по кнопке Добавить создается разделитель для полей на форме.
        Поля в окне 3 некой вкладки окна 4 показываются только тогда, когда поле не выбрано для показа на форме. Это могут быть вынесенные лишние поля с формы, так и поля, которые, наоборот, следует добавить в форму. Такая ситуация может возникнуть, если форма была уже настроена, а потом добавили новое свойство инфоблока. Свойство в форме показываться не будет, пока вы не перенесете его из окна 3 в окно 4.

        Внимание! Все обязательные поля (поля, отмеченные звездочкой) несомненно должны быть перенесены из окна 3 в окно 4.
      • Отметьте опцию Установить данные настройки по умолчанию для всех пользователей, если требуется выполненные вами настройки установить в качестве настроек по умолчанию для всех пользователей.
      • Нажмите Сохранить.

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

      Примечание: вы всегда можете [dw]отменить[/dw][di][/di] выполненные вами настройки и вернуться к исходному виду формы.

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

      Видео-пример настройки формы элемента

      Заключение

      Чтобы сделать формы разделов и элементов приятными для использования, настройте их:

      • откройте форму редактирования любого элемента (раздела);
      • нажмите на «шестеренку»;
      • отредактируйте список вкладок и полей, показываемых на форме.

      Почитайте следующий урок и узнайте, как настроить подсказки по заполнению формы элемента.



      Подсказки в форме элемента

      Записываете памятки на листочке о том, как заполнять значения свойств элемента? Это прошлый век. Используйте подсказки:

      Как создать подсказки?

      • Откройте форму редактирования вашего инфоблока.
      • Перейдите на закладку Свойства.
      • Напротив нужного свойства нажмите кнопку [...].
      • Заполните поле Подсказка:

      • Сохраните настройки.

      Подсказка готова к использованию. Стоит лишь навести курсор мыши на значок в форме редактирования элемента.

      Заключение

      Итак, пояснения по заполнению значений свойств можно хранить в подсказках. Для этого:

      • откройте нужное свойство на редактирование;
      • заполните поле Подсказка.


      Примеры

      Как добавить новость

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

      • Откройте страницу со [dw]списком новостей[/dw][di][/di] (страница должна быть создана с помощью новостных компонентов).
      • Включите [dw]режим правки[/dw][di][/di].
      • Наведите курсор мыши на область новостей и нажмите Добавить элемент:

        Важно! Добавление новости возможно, если вы обладаете правом доступа к новостному инфоблоку Изменение или Полный доступ. Если вы не можете добавлять новости, обратитесь к администратору.
      • Заполните поля [dw]формы создания новости[/dw][di][/di]:
        • Отметьте опцию Активность, чтобы новость публиковалась на сайте.
        • Укажите заголовок новости, ее дату, анонс и детальное описание.
        • Все остальные параметры укажите необходимым для вас образом.
        • Примечание: внешний вид формы добавления новости зависит от настроек, выполненных администратором сайта (см. урок Форма редактирования элемента).
      • Нажмите Сохранить.

      Итак, новость добавлена на сайт:

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

      Видео-пример добавления новости на сайт

      Содержание видеоролика внешним видом несколько отличается от текущей версии продукта.

      Заключение

      Как видно из урока, процесс добавления новости прост и занимает всего пару минут. Закрепите ваши знания, создайте новость на своем сайте.



      Как закрепить новость наверху списка

      Порой происходит ситуация, когда требуется закрепить новость (объявление) на самом верху списка так, чтобы она не смещалась при добавлении свежих новостей. Станьте более находчивым, правильное использование сортировки новостей решит задачу:

      • Откройте форму редактирования новости, которую необходимо закрепить.
      • Установите для нее сортировку, [dw]равной единице[/dw][di][/di].

        Примечание: если поле Сортировка отсутствует, выполните настройку формы.
      • Перейдите на страницу со списком новостей на сайте и откройте параметры компонента.
      • Перейдите к группе параметров Источник данных.
      • В параметре Поле для первой сортировки новостей укажите Сортировка, а в параметре Направление для первой сортировки новостей - По возрастанию:

      • Сохраните настройки.

      Теперь требуемая новость закреплена наверху списка.

      Видео-пример

      Содержание видеоролика внешним видом несколько отличается от текущей версии продукта.

      Заключение

      Задача закрепления новости решается путем установки наименьшего значения сортировки и настройкой сортировкой в компоненте.



      Экспорт/импорт данных

      Экономьте свое время вместе с инструментами импорта и экспорта. Импорт предназначен для пополнения инфоблоков данными из внешнего источника, а экспорт - для выгрузки и использования информации на другом проекте.

      Примечание! При импорте больших объемов данных рекомендуется отключить индексацию созданных элементов модулем Поиск. Это существенно увеличит скорость создания элементов.

      Дополнительная информация



      Формат CSV

      Переносите информацию вместе с широко используемым форматом CSV. Создавайте и редактируйте csv-файлы самостоятельно. С помощью MS Excel это под силу даже обычному пользователю. Почитайте уроки главы и вы научитесь выгружать и загружать данные формата CSV.

      Экспорт данных

      Нужно выгрузить информацию из инфоблока в файл формата CSV? Используйте встроенный инструмент и вы выгрузите данные всего за 4 простых шага.

      Важно! Если инфоблок содержит товары, то используйте другой инструмент экспорта: Магазин > Настройки > Экспорт данных. Подробнее в курсе Администратор. Бизнес.

      Выгрузка данных из инфоблока

      Шаг 1. Откройте страницу Выгрузка информационного блока (Контент > Инфоблоки > Экспорт > CSV):

      Нажмите на рисунок, чтобы увеличить

      Шаг 2. В выпадающих списках выберите сначала тип, а затем и сам инфоблок, данные из которого экспортируете. Нажмите Далее.

      Примечание: уровень глубины вложенности выгружаемых разделов [dw]определяется[/dw][di][/di] настройками модуля Информационные блоки.

      Шаг 3. Задайте параметры экспорта:

      • Выберите [dw]разделитель полей[/dw][di][/di] и определите первую строку файла.
      • Отметьте [dw]поля для выгрузки[/dw][di][/di].
      • Задайте [dw]путь к файлу[/dw][di][/di], в который выполняется экспорт.

      Шаг 4. Нажмите кнопку Начать выгрузку. Начинается экспорт инфоблока, и в форме отображается ход процесса выгрузки. По окончании выводится соответствующее [dw]сообщение[/dw][di][/di]. Скачайте файл и используйте его для своих целей.

      Кто может выполнять экспорт?

      С версии 15.0.6 модуля Информационные блоки выгружать данные могут те пользователи, которым разрешена операция [dw]Экспорт инфоблока[/dw][di][/di]. По умолчанию такая операция входит только в уровень доступа Полный доступ.

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

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

      Заключение

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



      Как подготовить CSV-файл для загрузки данных

      Когда наполняете сайт данными через инструмент импорта, то вас, несомненно, волнует вопрос успешности загрузки данных. Избегайте ошибок и траты времени впустую, подготавливайте csv-файл правильно. Рассмотрим основные вопросы подготовки файла с данными.

      В какой программе создавать файл?

      Используйте MS Excel. Вы, конечно, можете пользоваться и другими, вплоть до простого текстового редактора Блокнот, но привычный табличный редактор более удобен. Создайте в MS Excel новый файл и сохраните его с расширением csv.

      Какой разделитель использовать?

      По умолчанию в «1С-Битрикс:Управление сайтом» для файлов импорта используется разделитель «;». Если вы в своем файле используете иной, то при выполнении импорта не забудьте указать в настройках нужный.

      Примечание: при сохранении файла в csv-формате в MS Excel 2007 нет формата разделителя «;». Excel предлагает сохранить только с разделителем «,». На самом же деле файл все равно сохранится с нужным разделителем – точка с запятой.

      Технический минимум полей для csv-файла

      В файле CSV обязательно должны присутствовать как минимум два параметра: уникальный идентификатор и название элемента.

      • Создайте обязательные колонки: ID и Название.
      • В колонку ID внесите произвольные цифровые индексы. Индексы должны быть уникальными для каждой строки.
      • В колонку Название внесите названия элементов так, как они должны будут отражаться в каталоге.

      Технически этих данных достаточно для проведения импорта.

      Распределение элементов по структуре каталога

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

      • Создайте колонку для первого уровня и назовите ее, например, Первый уровень.
      • Создайте колонку для второго уровня, например, Второй уровень.
      • Заполните колонки Первый уровень и Второй уровень для всех элементов, согласно вашей структуре.

        Примечания:
        • Названия, вводимые в эти колонки, должны точно совпадать с теми названиями, которые используются в каталоге. Если названия не будут совпадать, то система при импорте создаст разделы с новыми названиями и в них поместит импортируемые элементы.
        • Структуру каталога можно заранее не создавать. При первом импорте будут созданы разделы нужного уровня вложенности с названиями, заданными в колонках файлах. Но при регулярном импорте важно указать точное название разделов для импорта элементов.
        • Если будут указаны названия разделов нижнего уровня, но не указаны имена разделов верхнего уровня, то будут созданы папки верхнего уровня с именем «Пустое название». Если у вас случайно произошла такая ошибка, то повторного импорта можно не производить. Просто перенесите добавленные элементы в нужную папку.
        • Уровень глубины вложенности разделов для импорта определяется настройками модуля Информационные блоки.
      • Создайте колонки, соответствующие необходимым данным для импорта.
      • Заполните колонки данными.

      Некоторые моменты

      • Название колонок с параметрами не обязательно должно совпадать с названиями параметров в системе. Главное, чтобы они были понятны пользователю, выполняющему импорт, и при задании условий импорта у него не возникло затруднений в определении соответствий полей создаваемого файла CSV и полей формы импорта.
      • Добавление элемента в колонки со свойством типа Привязка к элементу не произведет автоматического привязывания элемента, если элементы еще не созданы (так как заполнить эту колонку можно только ID элементов, а они еще неизвестны). Привязку необходимо осуществить после импорта вручную, как это делается при ручном добавлении. Однако, если элементы инфоблоков, уже созданы, то можно в соответствующие колонки ввести код элемента.
      • При добавлении численных значений необходимо следить, чтобы разделитель десятичных знаков, используемый в «1С-Битрикс:Управление сайтом» совпадал с разделителем, используемым в csv-файле. В системе «1С-Битрикс:Управление сайтом» в качестве разделителя десятичных знаков используется точка.
      • Для загрузки данных для свойств с признаком множественности необходимо повторить строку с элементом столько раз, сколько будет значений множественного поля.

        Например, множественное поле имеет три значения. Следовательно, в csv-файле получится по три строки элемента на каждое значение поля. (Если множественных свойств несколько, то число строк должно равняться числу параметров наибольшего свойства. Ячейки для параметров свойств с меньшим числом можно просто оставить пустыми) Все строки должны быть одинаковыми по содержанию, за исключением множественных полей, которые изменяются указанием новых данных для этого свойства. Подобная особенность импорта с помощью стандартного механизма приводит к распуханию файла если количество множественных свойств велико и они интенсивно используются. При импорте больших файлов следует использовать пошаговые операции.

      Изображения для элементов

      Перед импортом загрузите изображения в систему. В csv-файле для них должны быть выделена своя отдельная колонка. Картинки могут быть расположены в любом месте в рамках файловой структуры, главное – указать при импорте правильный путь до них. Рекомендуется использовать папку /upload.

      Примечание: описание возможных значений типов данных можно узнать в Таблице типов данных.

      Заключение

      Вы ознакомились с важными моментами создания csv-файла. Почитайте следующий урок и приступайте к процедуре импорта.



      Импорт данных

      Наполняете инфоблок данными? Сберегите свое время и силы. Подготовьте CSV-файл с данными, а встроенный инструмент импорта быстро загрузит все данные в инфоблок.

      Важно! Если инфоблок содержит товары, то используйте другой инструмент импорта: Магазин > Настройки > Импорт данных. Подробнее в курсе Администратор. Бизнес.

      Загрузка данных в инфоблок

      • Откройте страницу Загрузка информационного блока (Контент > Инфоблоки > Импорт > CSV):

        Нажмите на рисунок, чтобы увеличить
      • Задайте параметры:
        • Файл данных - с помощью кнопки Открыть... выберите файл в CSV-формате с сервера или загрузите с локального компьютера.
        • Информационный блок - в выпадающих списках выберите сначала тип, а затем и сам инфоблок, данные в который импортируете.

        Примечание: уровень глубины вложенности загружаемых разделов [dw]определяется[/dw][di][/di] настройками модуля Информационные блоки.

        Нажмите Далее.
      • Укажите [dw]формат[/dw][di][/di] вашего файла с данными. Нажмите Далее.
      • Задайте [dw]соответствия [/dw][di][/di] между полями в файле и полями информационного блока, в который выполняется загрузка.

        Важно! Обязательно должно быть выбрано хотя бы одно из полей Уникальный идентификатор (B_IBLOCK_ELEMENT.XML_ID) или Название (B_IBLOCK_ELEMENT.NAME). Эти поля используются для сопоставления записей в файле записям в базе данных.
      • Нажмите кнопку Загрузить данные. Начинается импорт инфоблока, и в форме отображается ход процесса загрузки. По окончании выводится соответствующее [dw]сообщение[/dw][di][/di].

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

      Примечание: при импорте больших объёмов данных рекомендуется отключать индексацию созданных элементов модулем Поиск. Это существенно увеличит скорость создания элементов. Если в инфоблоке больше 100 тысяч записей, то производительность уже серьезно начинает зависеть от аппаратных возможностей сервера и настроек программного обеспечения (MySQL в первую очередь).

      Заключение

      Итак, вы познакомились, как загружать данные в инфоблока из CSV-файла. Почитайте материалы следующей главы и узнайте, как правильно выгружать и загружать данные в формате XML.



      Формат XML

      Знакомы с форматом XML? Используйте знания для оптимизации своей работы. Выгружайте и загружайте информацию в инфоблоки за три простых шага. Уроки главы помогут вам в этом.

      Экспорт данных

      Выгружайте данные из инфоблока в формате XML. Встроенный инструмент позволяет переносить не только содержимое инфоблоков, но и все свойства (в том числе и пользовательские свойства разделов) и изображения. Экспорт в XML-файл совершается всего за 3 шага.

      Выгрузка данных из инфоблока

      Шаг 1. Откройте страницу Выгрузка информационного блока (Контент > Информационные блоки > Экспорт > XML):

      Нажмите на рисунок, чтобы увеличить

      Шаг 2. Задайте параметры экспорта:

      • Файл для выгрузки – укажите путь относительно корня сайта к файлу и сам XML-файл, в который будет выгружена информация из инфоблока. Для файла достаточно задать только его имя, а инфоблок выгрузится по указанному пути в файл <имя_файла>.xml.
      • Информационный блок – выберите информационный блок для экспорта.
      • Длительность шага в секундах – укажите количество секунд выполнения шага экспорта. Если указано 0, то экспорт инфоблока будет осуществлен за один шаг. Учтите, что слишком маленький шаг может существенно нагрузить систему, если элементов очень много, а большой шаг - удлинить процесс экспорта.
      • Разделы – задайте условия выгрузки разделов.
      • Элементы – определите условия выгрузки элементов.

      Примечание: экспорт инфоблока в XML не имеет ограничений на вложенность.

      Шаг 3. Нажмите кнопку Экспортировать. Начинается экспорт инфоблока, над формой отображается ход процесса выгрузки. По окончании выводится соответствующее [dw]сообщение[/dw][di][/di].

      Итак, xml-файл с данными доступен для скачивания по указанному в параметре Файл для выгрузки пути. Изображения и файлы инфоблока выгружаются в папку с названием <имя_файла>_files (она размещается внутри той же папки, где и файл экспорта).

      Таблица соответствия CommerсML и инфоблоков

      Кто может выполнять экспорт?

      С версии 15.0.6 модуля Информационные блоки выгружать данные могут те пользователи, которым разрешена операция [dw]Экспорт инфоблока[/dw][di][/di]. По умолчанию такая операция входит только в уровень доступа Полный доступ.

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

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

      Заключение

      Итак, вы познакомились, как выгрузить данные из инфоблока в XML-файл, а также узнали, кто может это делать. Почитайте следующий урок и узнайте, как загружать в инфоблок данные в XML формате.



      Импорт данных

      Представьте, что у вас есть XML-файл, данные из которого следует занести в инфоблок. Экономьте время с инструментом импорта и загружайте данные за 3 простых шага.

      Шаг 1. Откройте страницу Импорт XML (Контент > Инфоблоки > Импорт > XML):

      Нажмите на рисунок, чтобы увеличить

      Шаг 2. Задайте параметры импорта:

      • Файл для загрузки – с помощью кнопки Открыть... выберите файл в формате XML с сервера или загрузите с локального компьютера.
      • Тип информационного блока – выберите тип, к которому должен относиться загружаемый инфоблок.
      • Сайты, к которым будет привязан информационный блок (если будет создаваться новый) – отметьте сайт, к которому привязан инфоблок.

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

        Если же такого инфоблока в системе нет, то он будет создан в указанном типе, привязан к выбранным сайтам и его содержимое будет загружено.
      • Действия над элементами, которых нет в файле – выберите действие над элементами инфоблока. Оно будет выполняться над имеющимися элементами в инфоблоке, но при этом отсутствующими в файле загрузки.
      • Длительность шага в секундах – укажите количество секунд выполнения шага импорта. Если указано 0, то импорт инфоблока будет осуществлен за один шаг.
      • Использовать настройки инфоблока для обработки изображений – отметьте опцию, чтобы добавленные изображения преобразовывались согласно настройкам инфоблока.

      Шаг 3. Нажмите кнопку Импортировать. Начинается импорт инфоблока, над формой отображается ход процесса выгрузки. По окончании выводится соответствующее [dw]сообщение[/dw][di][/di].

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

      Примечание: если при импорте списочных свойств значения отсутствуют в метаданных, но есть у элементов, то они не удаляются. Если свойство Символьный код в исходном файле пустое, то система заполняет его транслитом из названия (если в закладке Поля формы настройки инфоблока для поля Символьный код было указано Транслитерировать из названия при добавлении элемента).

      Заключение

      Итак, вы познакомились, как загружать данные в инфоблока из XML-файла. Почитайте материалы следующей главы и познакомьтесь с обменом данными в формате RSS.



      Формат RSS

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

      Экспорт в RSS

      Новости, товары и т.д. вы можете экспортировать в другие системы. Выполните несколько простых действий:

      • В настройках типа инфоблоков отметьте опцию [dw]Использовать экспорт в RSS[/dw][di][/di].
      • В настройках модуля Информационные блоки (Настройки > Настройки продукта > Настройки модулей > Информационные блоки) укажите [dw]путь к директории[/dw][di]

        Примечание: путь к директории указывается относительно корневой папки.
        [/di], в которую выполняется экспорт данных.
      • Настройте компонент на экспорт данных.

        Можно использовать простой компонент RSS новости (экспорт). В его настройках укажите информационный блок, количество дней для экспорта и другие параметры. Результат экспорта будет аналогичен приведенному ниже примеру.

      Пример настройки компонента для RSS-экспорта

      Рассмотрим экспорт данных в формате RSS из информационного блока (например, новости), используя настройки комплексного компонента Новости:

      • Создайте страницу и [dw]разместите[/dw][di][/di] на ней комплексный компонент Новости.
      • Настройте все необходимые параметры: источник данных, настройки RSS и другие:

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

      В результате созданная страница имеет вид:

      Переход по ссылке rss открывает страницу со [dw]списком элементов[/dw][di][/di] в формате RSS.

      Заключение

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



      Отображение данных из RSS

      Нужно опубликовать на сайте данные, полученные в формате RSS? Используйте компонент RSS новости (импорт):

      • Разместите компонент RSS новости (импорт) на странице.
      • Настройте его [dw]параметры[/dw][di][/di]. Обязательно укажите [dw]Адрес ленты rss[/dw][di]Чтобы получить адрес ленты, на стороннем сайте нажмите кнопку и скопируйте ссылку в строке браузера.[/di] сайта, с которого производится импорт.

      В итоге страница имеет следующий вид:

      Заключение

      Для публикации полученной в формате RSS информации разместите и настройте компонент RSS новости (импорт).



      Публикация на сайте информации из инфоблоков

      Информационный блок - это всего лишь хранилище данных. Выберите компонент и опубликуйте свои материалы. Сделайте все по своему вкусу с широкими возможностями компонентов. Подробности - в уроках главы.

      Компоненты: выставляем информацию напоказ

      Информационный блок умеет хранить информацию, но самостоятельно вывести ее на сайт он не может. За вывод информации отвечают [dwi include_component]компоненты[/dwi]. Компонент - это своего рода организатор выставки ваших экспонатов (элементов инфоблоков), спрятанных в хранилище. «Подружите» инфоблок с компонентами и опубликуйте вашу информацию для посетителей:

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

      • Остальные параметры настройте необходимым для вас образом.

      Теперь информация доступна для просмотра посетителями. Внешний вид зависит от выполненных вами настроек в компоненте.

      Заключение

      Чтобы вывести на сайт информацию из инфоблока, следует:

      • выбрать и разместить компонент на странице;
      • в настройках компонента указать текущий инфоблок.


      Настройки инфоблока для корректного поиска элементов

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

      Что должно быть настроено?

      В форме редактирования инфоблока укажите правильные пути к просмотру элемента инфоблока и раздела (если используются):

      Нажмите на рисунок, чтобы увеличить

      То есть в параметрах:

      • URL страницы информационного блока,
      • URL страницы раздела,
      • URL страницы детального просмотра

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

      Пример корректной настройки

      Допустим, у нас есть новостной инфоблок. Опубликуем его правильно:

      • Создайте на сайте раздел, скажем, /content/news и страницу /content/news/index.php.
      • На странице разместите и настройте комплексный компонент bitrix:news.
      • Проверьте, чтобы адреса страниц в компоненте и в инфоблоке совпадали (в примере для адресов используется поддержка ЧПУ):

        Нажмите на рисунок, чтобы увеличить

      Теперь найденные через поиск новости открываются правильно.

      Заключение

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



      Вложенные ЧПУ: формируем полные адреса

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

      Нажмите на рисунок, чтобы увеличить

      Несмотря на вложенность разделов, адрес в браузере при просмотре такого элемента будет иметь вид:

      mysite.ru/catalog/sectionC/element/

      Вам не подходит такой вариант? Формируйте абсолютные пути к элементам инфоблока вместе с инструментом вложенных ЧПУ:

      mysite.ru/catalog/sectionA/sectionB/sectionC/element/

      Примечание: поддержка вложенных ЧПУ доступна с версии 12.5 модуля Информационные блоки и реализована только для комплексных компонентов catalog, news и photo.

      Как выполнить настройки?

      • Откройте форму редактирования инфоблока, для элементов которого вы хотите настроить пути.
      • В полях URL страницы раздела и URL страницы детального просмотра для настройки шаблонов путей используйте переменную SECTION_CODE_PATH:

        Нажмите на рисунок, чтобы увеличить
      • Для всех разделов инфоблока укажите [dw]символьные коды[/dw][di][/di].

        Примечание: настройте обязательность заполнения поля Символьный код и вы не будете забывать указывать код при создании новых разделов. Дополнительно можете включить [dw]автогенерацию кода[/dw][di][/di] из названия раздела путем транслитерации.
      • Откройте настройки компонента, с помощью которого опубликована информация из инфоблока.
      • Задайте шаблоны адресов с помощью символьных кодов раздела:

        Внимание! Использование слеша в конце адреса обязательно. Для системы адреса вида /catalog/section1/element1 и /catalog/section1/element1/ - это разные адреса.

      Теперь просмотр ваших элементов будет выполняться по полным адресам.

      Заключение

      Абсолютные пути формируются с помощью переменной SECTION_CODE_PATH:

      • укажите ее в форме редактирования инфоблока при настройке шаблонов путей;
      • используйте эту переменную при настройке адресов страниц в компоненте.

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



      Основная страница элемента среди дублей

      Как вы знаете, элемент инфоблока может быть привязан к нескольким разделам. Но при этом могут быть претензии по дублям страниц от SEO. Избежать этого помогает такое понятие как "основной раздел" элемента. Раньше основным разделом считался раздел с минимальным идентификатором, что было не совсем удобно. С версии 15.5.0 все изменилось, теперь вы можете самостоятельно задать основной раздел и, следовательно, пометить нужную страницу элемента как каноническую.

      Как назначить основной раздел?

      Шаг 1. Включите настройку выбора раздела в форме редактирования инфоблока на закладке Поля:

      Нажмите на рисунок, чтобы увеличить

      Шаг 2. В форме создания/редактирования элемента укажите основной раздел в одноименном поле:

      Важно! Если в форме поле Основной раздел отсутствует, то перенастройте внешний вид формы редактирования элемента.

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

      Как установить каноническую ссылку для элемента?

      Пометьте страницу элемента в основном разделе как каноническую (т.е. выделите ее как основную среди дублей). Для этого:

      • В компоненте, с помощью которого создан публичный интерфейс детальной страницы элемента, отметьте опцию [dw]Устанавливать канонический URL[/dw][di][/di].

        Примечание: данная опция добавлена в компоненты Новости, Каталог, Новость детально и Элемент каталога детально.
      • Кроме того, проверьте корректность заполнения поля [dw]Канонический URL элемента[/dw][di][/di] в форме редактирования инфоблока.

      Дополнительные моменты

      Примечание: в вышеперечисленные компоненты, а также в компоненты Разделы с top'ом элементов и Элементы раздела добавлена опция Использовать основной раздел для показа элемента. Она позволяет просматривать элемент только в основном разделе, несмотря на то, что переход к просмотру был осуществлен из другого раздела, к которому привязан элемент.

      Канонические ссылки в кастомизированных шаблонах

      Заключение

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

      • Отметьте флаг Разрешить выбор основного раздела для привязки.
      • Для элемента укажите, какой раздел считать основным.
      • Отметьте флаг Устанавливать канонический URL в настройках компонента.

      Механизм выбора основного раздела позволяет более гибко формировать для элемента каноническую ссылку. Избегайте дублей и улучшайте ваш сайт с точки зрения SEO.



      Красивые адреса для фильтра товаров

      Представьте, что ваш покупатель отобрал интересующие его товары с помощью фильтра и решил поделиться ссылкой с другом. Ссылка имеет примерно следующий вид:

      http://mysite.ru/e-store/books/business/?FILTER_P1_MIN=&FILTER_P1_MAX=&FILTER_19_1218211285=Y&FILTER_23_964515751=Y&set_filter=Показать

      Согласитесь, что это нечитабельно и несколько пугающе. Сделайте ссылки удобными и интуитивно понятными с инструментом поддержки ЧПУ в фильтре товаров:

      http://mysite.ru/e-store/books/business/filter/year-is-2002/publisher-is-эксмо/apply/

      Примечание: поддержка ЧПУ в умном фильтре доступна с версии 15.5.0 модуля Информационные блоки

      Что следует сделать, чтобы адреса стали красивыми?

      Ваши действия несколько зависят от тех компонентов, которые вы использовали для построения каталога товаров:

      • Если каталог показывается на сайте с помощью комплексного компонента Каталог, то никаких отдельных настроек для фильтра выполнять не нужно. Вам следует всего лишь настроить компонент на работу в режиме ЧПУ.
      • Если же каталог товаров построен на простых компонентах, то настройте поддержку ЧПУ во всех простых компонентах каталога и обязательно в компоненте [dw]Умный фильтр[/dw][di][/di].

        Примечание: подробное описание параметров компонента приведено в документации по продукту.

      Откуда берутся значения для подстановки в ссылку фильтра?

      Формирование адресной ссылки фильтра зависит от типов свойств, участвующих в фильтрации:

      • для строковых свойств подставляется само значение свойства;
      • для свойств типа Список - внешний код;
      • для свойств Элемент и Раздел - символьный код, если есть, иначе - название;
      • для Пользовательских свойств подставляется результат метода GetExtendedValue или GetPublicViewHTML с "MODE" => "SIMPLE_TEXT" (зависит от автора свойства).

      Заключение

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


      Примеры

      Глава содержит примеры публикации информации из инфоблоков.



      Каталог товаров на простых компонентах

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

      Первый этап - планирование структуры

      Спланируйте структуру каталога. Так, в нашем примере требуется создать всего три страницы, предназначенные для:

      • top'а элементов каталога (будет главной страницей каталога) - index.php;
      • содержимого раздела с умным фильтром - section.php;
      • детальной карточки товара - element.php.

      Второй этап - настройка инфоблока товаров

      Создайте и настройте инфоблок товаров:

      • заполните все обязательные поля и задайте [dw]адреса страниц[/dw][di][/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
      • настройте поля и свойства инфоблока;
      • инфоблок настройте на работу в режиме торгового каталога;
      • доступ к инфоблоку для посетителей установите как Чтение (по умолчанию стоит Запрещен);
      • выполните настройку отображения свойств в умном фильтре (для разделов может быть настроен различный набор свойств).

      Третий этап - размещение и настройка компонентов

      1. На странице index.php разместите компонент Top элементов каталога и в его настройках укажите:
        • инфоблок товаров в секции Основные параметры;
        • шаблоны ссылок на страницы раздела и карточки товара в [dw]одноименной секции[/dw][di][/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
        • выберите тип цены в секции Цены;
        • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.

          Примечание: если у вас товары с торговыми предложениями, то в настройках компонента обязательно должны быть выбраны свойства предложений в секции Внешний вид. В противном случае для товаров будет отображаться пометка Нет в наличии.
      2. На странице section.php разместите компонент Умный фильтр, в настройках укажите:
        • инфоблок товаров (секция Источник данных);
        • тип цены (секция Цены);
        • если в каталоге товаров у вас используется режим ЧПУ и версия модуля Информационные блоки 15.5.0 или выше, тогда в компоненте также следует выполнить настройки ЧПУ.
        Важно! Подключение компонента умного фильтра должно выполняться до подключения компонента элементов раздела.
      3. На странице section.php разместите компонент Элементы раздела, в его настройках укажите:
        • инфоблок товаров в секции Основные параметры;
        • шаблоны ссылок в [dw]одноименной секции[/dw][di][/di] (адреса заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
        • Если режим ЧПУ в каталоге используется, то настройки ЧПУ выполняются в зависимости от версии модуля Информационные блоки:
          • если версия 15.5.0 или выше, то настройка ЧПУ выполняется в секции [dw]Управление адресами страниц[/dw][di][/di];
          • если версия ниже, чем 15.5.0, то следует вручную составить [dw]правило[/dw][di][/di] на странице Настройки > Настройки продукта > Обработка адресов > Правила обработки;
        • укажите тип цены в секции Цены;
        • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями.
      4. На странице element.php разместите компонент Элемент каталога детально и в его настройках укажите:
        • инфоблок товаров в секции Основные параметры;
        • шаблоны ссылок в [dw]одноименной секции[/dw][di][/di] (адреса также заполняются с учетом того, будет ли использоваться режим ЧПУ в каталоге);
        • если необходимо, настройте режим ЧПУ:
          • если версия модуля Информационные блоки 15.5.0 или выше, то настройка ЧПУ выполняется в секции [dw]Управление адресами страниц[/dw][di][/di];
          • если версия ниже, чем 15.5.0, то следует вручную составить [dw]правило[/dw][di][/di] на странице Настройки > Настройки продукта > Обработка адресов > Правила обработки;
        • укажите тип цены в секции Цены;
        • остальные параметры можно оставить по умолчанию или настроить в соответствии с вашими требованиями (например, указать отображаемые свойства товаров).

      Заключение

      Каталог товаров на простых компонентах настроен и его страницы имеют следующий вид:



      Полезные инструменты

      В дополнение к предлагаемым возможностям модуля Информационные блоки отметим еще два полезных инструмента: это быстрый переход к формам редактирования и технология фасетного поиска.


      Как быстро открыть форму элемента или инфоблока

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

      • Откройте страницу Контент > Инфоблоки > Инструменты > Перейти к инфоблоку / элементу:

      • Укажите вид сущности (инфоблок или элемент) и ее идентификатор.

      Так, если был введен идентификатор для инфоблока, то по кнопке Найти будет открыта страница инфоблока, содержащая список его разделов и элементов:

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

      Если же выполняется поиск элемента, то по нажатию кнопки Найти открывается форма его редактирования:

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

      Заключение

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



      Фасетный поиск: улучшаем работу каталога товаров

      В современном мире дорога каждая секунда. Человек старается тратить на покупки все меньше и меньше времени. Медленные каталоги товаров отталкивают людей, магазин теряет клиентов и часть прибыли. Вы, в свою очередь, не допускайте таких ошибок, сделайте свой интернет-магазин привлекательным вместе с технологией [dw]фасетного[/dw][di]фасетный - т.е. предопределенный[/di] поиска. Создайте [dw]фасетные индексы[/dw][di]Фасетный индекс - это готовый поисковый набор товаров по некоторому значению свойства.[/di] и значительно ускорьте не только поиск товаров, но и работу всего каталога в целом.

      Примечание: фасетный поиск доступен с версии 15.0.1 модуля Информационные блоки.

      Немного "скучной теории" о фасетном поиске

      Система заранее формирует фасеты (всевозможные комбинации пересечения свойств товаров) и при выполнении поискового запроса сразу выдается результат - эти готовые фасеты. Механизм фасетного поиска встроен в информационные блоки и интегрирован с [dwi include_component]компонентом[/dwi] Умный фильтр.

      Как настроить фасетный поиск в своем каталоге?

      Настройка фасетного поиска заключается в создании фасетных индексов и выполняется всего за несколько простых действий:

      1. Убедитесь, что для вашем каталога выполнено следующее условие:

        В каталоге товаров должно быть хотя бы одно [dw]свойство[/dw][di][/di], которое показывается в умном фильтре.

        Если условие не выполнено, то фасетный поиск настроить невозможно.
      2. Откройте страницу Фасетные индексы инфоблоков (Контент > Инфоблоки > Фасетные индексы):

      3. Нажмите кнопку Создать все либо пункт меню [dw]Создать[/dw][di][/di]. Откроется форма для создания индексов.
      4. Задайте (проверьте) два параметра:
        • Информационный блок - укажите ваш каталог товаров, для которого следует создать фасетные индексы, либо значение (все), чтобы создать индексы для всех каталогов системы.
        • Шаг - задайте интервал одного шага создания индекса в секундах. Можно использовать значение по умолчанию. Учтите, что слишком маленький шаг может существенно нагрузить систему, если элементов очень много, а большой шаг - удлинить процесс создания индексов.
      5. Нажмите кнопку Начать. По окончании индексации будет выведено специальное [dw]сообщение[/dw][di][/di].

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

      Созданные фасетные индексы хранятся в базе данных, а в таблице для каталогов товаров в колонке Состояние отображается Работает:

      Примечание: для каталога предложений фасетные индексы создаются при создании индексов для основного каталога.

      Нужно ли пересоздавать фасетные индексы?

      • Если вы добавляете новые или редактируете существующие товары, то пересоздание индекса выполняется автоматически.
      • Когда добавляете или редактируете разделы каталога, то в некоторых случаях может потребоваться пересоздание фасетного индекса вручную. Система подскажет вам об этом с помощью [dw]сообщения[/dw][di][/di] вверху страниц административного раздела.
      • При добавлении нового или удалении свойства из умного фильтра необходимо произвести повторное создание фасетного индекса.
      • При выгрузке товаров, например, из 1С индексы обновятся автоматически, если товары не создают новых свойств. Если выгружаются товары с новыми свойствами, то по окончании выгрузки индексы необходимо пересоздать.

      Заключение

      Фасетный поиск улучшает работу каталога товаров. Для его использования необходимо:

      • создать фасетные индексы для каталога с товарами;
      • следить за оповещением о необходимости пересоздания индексов.


      Возможные проблемы

      Не загружаются файлы большого размера

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

      • Наберите в адресной строке браузера http://<ваш_сайт>/bitrix/admin/phpinfo.php Откроется страница с отображением настроек PHP.
      • Найдите в настройках параметры post_max_size и upload_max_filesize и посмотрите эти параметры.

      Величина, указанная в этих параметрах должна быть не меньше, чем размер загружаемого файла (как правило на сервере стоит 2М). Если она меньше, то необходимо обратиться к службе поддержки вашего хостинга с просьбой об увеличении этих параметров. В случае локальной установки для изменения параметров:

      • Откройте для редактирования файл php.ini.
      • У параметров post_max_size и upload_max_filesize смените значения в большую сторону. Например, до 32 МB.
      • Сохраните внесенные изменения.

      Примеры работы с некоторыми модулями системы

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

      Пример настройки Универсального списка

      Список поставщиков продукции

      Практический пример, создадим список поставщиков продукции для нашей компании.

      Внимание! Интерфейс сервиса в видеороликах и на рисунках учебного курса может отличаться по дизайну. Функционал сервиса при этом не меняется.

      Что такое - настроить список?

      Настроить список - изменить параметры универсального списка под конкретный сценарий. Типовая ситуация: добавляются нужные [dw]поля[/dw][di]Поля списка - поля, которые будут отображаться в форме создания/редактирования элемента списка. По умолчанию при создании списка автоматически создается только одно поле Название и форма создания элемента списка выглядит так:

      [/di], которые будут отображаться в форме создания элементов списка.

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

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

      Создание полей

      Окно работы с отдельным списком выглядит так:

      Нажмите на рисунок, чтобы увеличить

      Действия по настройке списка выполняются с помощью команд кнопки [dw]Действия[/dw][di][/di]:

      • Настроить список - общие настройки списка;
      • Настроить поля - добавить или изменить поля списка. Напомним, что по умолчанию там только одно поле - [dw]Название[/dw][di][/di]
      • Настроить бизнес-процессы - настроить работу списка с бизнес-процессами;
      • Показать разделы/скрыть разделы - включить/отключить отображение разделов в списке;
      • Экспорт в Excel - экспорт созданного списка в Excel.

      Добавим новое поле. Например, добавим поле Организационная форма, в которой будет задаваться тип компании поставщика: ООО, ЗАО и так далее.

      Для этого:

      • Нажмите кнопку Добавить поле, откроется форма добавления поля:

        Внимание! Для каждого из типов полей выводятся свои поля и вкладки.
      • Заполните поля формы:
        • Название - введите фразу организационная форма.
        • Обязательное - будет ли создаваемое поле обязательным для заполнения. Поставьте флажок в этом поле.
        • Множественное - будет ли создаваемое поле состоять из нескольких полей для заполнения. Здесь флажок не ставим, одна и та же фирма не будет и ООО и ЗАО одновременно.
        • Тип - выбор типа поля. Выберите тип поля Список, форма перезагрузится, пропадет поле Значение по умолчанию, но появится вкладка [dw]Список[/dw][di][/di].
        • Перейдите на эту вкладку и заполните поля списочного свойства.

          Примечание: Если свойств много, а список этих свойств обширен, то с помощью ссылки Импортировать списком откройте дополнительное окно, в которое вставьте заготовленный заранее список свойств.

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

          Примечание: Значение по умолчанию выставляется только в случае, если создаваемое поле будет обязательным для заполнения.

        • Сортировка - порядок расположения создаваемого поля в списке полей. Чем выше число, тем ниже расположено будет поле. Введите нужное вам значение.
        • Показывать ... - эти поля включают/отключают показ создаваемого поля в форме создания или редактирования.
        • Только для чтения ... - эти поля включают/отключают показ создаваемого поля в форме создания или редактирования в режиме "для чтения" то есть, без возможности изменения.
        • Показать поле при формировании ссылки на элемент списка. - если планируется использовать ссылки на элементы в переписке, то рекомендуется использовать это поле для тех полей, которые будут отображаться в богатых ссылках. (Ссылка уводит на другой курс!)
        • Нажмите кнопку Сохранить, система вернется к списку полей.
      Примечание: Теперь на форме представлены два поля:

      Создайте аналогичным способом остальные поля для требуемого списка.

      Список ссылок по теме:


      Значения типов

      Какой тип выбрать для вашей цели

      Текстовая версия (нажмите на плюсик)


      Наполнение каталога товарами

      Добавление товаров вручную

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

      Как добавить из публичного раздела

      Для добавления товаров из публичного раздела в публичной части используются команды Создать товар (для простых товаров) или Создать товар с торговыми предложениями (для товаров с предложениями) [dw]при включённом режиме Правка[/dw][di] [/di]. В обоих случаях откроется практически одинаковая форма:

      Нажмите на рисунок, чтобы увеличить

      Важно! Требование к уровню прав для добавления товаров: к используемому инфоблоку не ниже Изменение и к модулю Торговый каталог не ниже Управление складами (иначе невозможно будет указать цены и количество товара).

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

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

      На закладке[dw]Торговый каталог[/dw][di][/di] задаются:

      • цена товара и ставка НДС;
      • количество товара и доступность на складах вручную, если складской учет в системе отключен (в этом случае соответствующие поля будут доступны для внесения данных);

        Примечание: при включенном складском учете необходимо после сохранения товара провести документ Приход товара на склад.
      • активные скидки без купонов, распространяющиеся на данный товар;
      • штрих-код товара.

      В случае с товаром с торговыми предложениями заполняется ещё и закладка Торговые предложения:

      Нажмите на рисунок, чтобы увеличить

      Добавлять торговые предложения к товару можно двумя способами:

      По окончании всех настроек не забудьте сохранить товар.

      Из административного раздела

      Средства административного раздела позволяют более гибко создавать товары. Здесь вы сперва выбираете тип создаваемого товара:

      Нажмите на рисунок, чтобы увеличить

      А потом создаёте товар в форме, аналогичной форме в публичном разделе.

      Примечание: наборы и комплекты доступны в продукте, начиная с редакции Бизнес.

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


      Добавление товаров через импорт

      Добавление товаров каталога из тысячи позиций вручную нерационально. Для таких больших объёмов используйте специально разработанный для упрощения работы механизм импорта.

      Импорт каталога из CSV или XML-файла

      Импортировать каталог товаров в систему можно из заранее подготовленного (предоставленного администратором) CSV или XML-файла. Импорт в формате XML обычно используется при интеграции с существующими системами учета, а файл CSV формата подготовливается вручную и данные импортируются (см. Импорт из файла CSV).

      Важно! Необходимые права доступа пользователя к модулю Торговый каталог не ниже, чем Управление импортом/экспортом.

      Процедура импорта выполняется со страницы Магазин > Настройки > Импорт данных с помощью необходимого профиля импорта:

      Нажмите на рисунок, чтобы увеличить

      Примечание: подробную информацию по выполнению ручного импорта из файла и созданию собственных профилей импорта смотрите в документации по продукту.

      Импорт каталога из 1С:УТ

      Средства системы «1С-Битрикс: Управление сайтом» позволяют наполнить магазин товарами, хранящимися в базе 1С:Предприятие. Для этого в первую очередь выполняются настройки со стороны 1С-Битрикс: Управление сайтом (см. форму Интеграция с 1С) . Настройки выполняет администратор сайта или пользователь, наделенный специальными правами.

      Важно!Необходимые права доступа пользователя к Главному модулю: не ниже Просмотр всех данных модуля.

      Настройки со стороны 1С:Предприятие и сама процедура импорта выполняются в зависимости от используемой у вас редакции 1C (см. описание загрузки каталога из 1С:УТ 10.3 или 1С:УТ 11.1 соответственно).

      Создание календаря событий

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



      Работа с фотогалереями

      Фотогалерея 2.0 - удобный и простой инструмент для работы с фотографиями. С его помощью вы будете:

      • сортировать фото по альбомам (с возможностью создания вложенных альбомов);
      • загружать в альбомы фотографии;
      • делать подписи к фотографиям;
      • при просмотре оставлять отзывы и голосовать за понравившиеся фото;
      • вести обсуждение и т.д.

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

      Простая фотогалерея

      Работа Фотогалереи основана на [dwi include_iblock]Информационных блоках[/dwi], а также использует возможности модулей [dwi include_blog]Блогов[/dwi] для отзывов и [dwi include_search]Поиска[/dwi] для облака тегов.

      Отображение фотогалереи в публичном разделе реализовано с помощью комплексного компонента Фотогалерея 2.0. Как правило, это уже сделано разработчиком сайта к моменту наполнения галереи контент-менеджером. Если не сделано, то создайте физическую страницу в нужном разделе, разместите этот компонент и настройте его.

      Настройка параметров компонента определяет внешний вид фотогалереи:

      • отображение облака тегов;
      • размеры картинок анонса (эскиз фото), детального просмотра фотографии, а также размеры картинки-анонса и картинки фотоальбома;
      • настройки голосования и отзывов;
      • и другие параметры, многие из которых стандартны для комплексного компонента.

      Эти настройки не обязательные, кроме одной - задание [dw]Основных параметров[/dw][di][/di]: типа информационного блока и информационного блока, где будет храниться информация. (Тип Информационного блока и сам инфоблок должны быть уже созданы к этому моменту.)

      Дополнительная информация

      Создание фотоальбома

      Создание фотоальбома - места для размещения фотографий

      Создание фотоальбома - первый шаг по созданию работающей фотогалереи. Далее создаются вложенные альбомы если требуется многоуровневая иерархия альбомов.

      Создание альбома

      Опишем простые действия добавления альбомов.

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

      Если создаётся вложенный альбом, то перейдите к просмотру основного альбома, в котором размещается новый альбом, и тоже воспользуйтесь ссылкой [dw]Добавить альбом[/dw][di][/di]. Откроется форма создания, заполните её. Значения полей понятны из их названий.

      Пример создания альбома

      Например, создадим новый альбом Италия на первой странице фотогалереи, при этом форма создания (редактирования) альбома выглядит так:

      Заполните поля формы. (Для ограничения доступа, установите пароль.) После сохранения вы будете переведены на страницу нового альбома. Новый альбом сразу добавляется в [dw]общий список альбомов[/dw][di][/di]. Доступно изменение его параметров или удаление.


      Загрузка фотографий

      Загрузка фотографий в фотоальбом тоже проста и не вызовет у вас сложностей.

      Грузим фотографии

      Для загрузки фотографий перейдите в нужный альбом и воспользуйтесь ссылкой [dw]Загрузить фото[/dw][di][/di]. Откроется форма:

      Нажмите на рисунок, чтобы увеличить

      Фотографии добавляются в рабочую область с помощью [dwi include_drag]drag'n'drop[/dwi] либо выбираются из диалогового окна, открывающегося с помощью кнопки Загрузить (если рабочая область еще пуста). Для добавления дополнительных фотографий можно также воспользоваться механизмом drag'n'drop либо нажать кнопку Добавить еще. При наведении курсора мыши на фотографию появляются поля для описания, кнопки [dw]изменения[/dw][di][/di], поворота или удаления фотографии.

      Если выбрано действие Изменить

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


      Если у вас старая фотогалерея (до версии 15.0)

      Важно помнить!

      В процессе загрузки каждая фотография генерируется в двух видах:

      • предпросмотр (эскиз или анонс) - минимальный размер;
      • оригинал (максимальный размер).

      Кроме того, вне зависимости от формата добавляемых фотографий в альбом они будут загружены в формате *.jpg.


      Режимы просмотра фотографий

      Смотрим и комментируем фотографии

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

      Просмотр фотографии

      При клике по анонсу фотографии открывается окно детального просмотра фотографии:

      Элементы управления:

      • 1, 5 - закрытие окна детального просмотра фотографии;
      • 2, 3 - переход к предыдущей/следующей фотографии альбома;
      • 4 - развернуть/свернуть окно просмотра фотографии;
      • 6 - кнопка Слайдер включает/отключает режим просмотра фотографий по эскизам;
      • 7 - в этой области отображается описание фотографии;
      • 8 - область голосования за фотографию, и кнопка Слайд-шоу запуска/остановки показа фотографий в режиме слайд-шоу;
      • 9 - область показа и ввода комментариев к фотографии;
      • 10 - область свойств фотографии: альбом, автор, количество просмотров и время добавления в альбом;
      • 11 - область редактирования фотографии: изменение свойств фотографии, удаление, увеличение масштаба и показ оригинала; с помощью кнопок можно вращать фотографию (после закрытия фотография будет сохранена);
      • 12 - с помощью кнопки сворачиваются и разворачиваются области комментариев, свойств и редактирования фотографии; кнопка - смена фон окна просмотра.

      Просмотр оригинала фотографии

      Страница просмотра оригинала открывается в отдельном окне и выглядит так:

      Слева имеется шкала для смены фона окна просмотра. Для закрытия окна необходимо кликнуть по фотографии.

      Управление альбомами

      Созданный альбом сразу или через какое-то время требует изменения свойств, а то и удаления. Рассмотрим как это можно сделать

      Изменение альбома

      Вызов формы редактирования свойств альбома делается прямо с [dw]главной страницы[/dw][di][/di] фотогалереи по ссылке Изменить, не заходя во внутрь каждого. Отсюда же и удаляются альбомы по ссылке Удалить. Причем, если удаляется альбом, который имеет вложенные в себя альбомы, то будут удалены все альбомы.

      Форма изменения свойств альбома позволяет отредактировать название и описание альбома. Кроме того, по ссылке Дополнительные настройки отображаются поля настройки даты альбома и доступа:

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

      Изменение обложки альбома

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

      Важно помнить!

      Если удаляется альбом, в который вложены другие альбомы, то эти альбомы тоже удаляться.


      Многопользовательская фотогалерея

      А если фотоальбомы хотят создать несколько пользователей?

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

      Отображение фотогалереи в публичном разделе осуществляется с помощью комплексного компонента Фотогалерея 2.0 (многопользовательская).


      Публикация фотогалереи

      Если фотогалерея не создана разработчиком

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

      Создание страницы и размещение компонента

      Думается, что вы уже освоили типовой порядок создания функционала в "1С-Битрикс: Управление сайтом": создаём физическую страницу в нужном разделе, размещаем компонент и настраиваем его. В нашем случае этот компонент - [dw]Фотогалерея 2.0 (многопользовательская)[/dw][di][/di].

      Следующий шаг - настройка компонента. Приведём описание некоторых параметров. Полное описание доступно в документации по продукту.

      Настраиваем Основные параметры

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

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

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

      Настройка необязательных параметров

      • В группе [dw]Настройки фотогалереи[/dw][di][/di], если необходимо, укажите или измените различные размеры фотографий, установите ограничение на размер оригинала фотографии.
      • В группе [dw]Загрузка фото[/dw][di][/di] выберите максимальный размер загружаемого файла, а так же установить настройки нанесения авторского знака.

      • В группе [dw]Дополнительно[/dw][di][/di] есть настройки Главной страницы фотогалереи.
        Опция [Главная страница] Включить премодерацию опубликованных фото - для показа фотографий на главной странице требуется подтверждение модератора.
        Опция [Главная страница] Показывать только опубликованные фотоФотографии со статусом опубликованные будут показываться только на главной странице.
      • С помощью соответствующих групп задайте параметры голосования, отзывов, вывода тегов и параметры отображения фотографий в галереи.

      Сохраните страницу. В результате созданная страница в публичной части будет выглядеть так:

      Важно помнить!

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


      Создание фотогалереи

      Создание пользователем собственной галереи

      • Кликните по ссылке Создать галерею, доступной на главной странице фотогалереи и в открывшейся форме заполните поля Код фотогалереи и Название фотогалереи:

      • Нажмите кнопку Создать.

      Галерея создана:

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

      Добавление альбомов

      • Нажмите ссылку Создать альбом и в открывшейся форме укажите Название альбома, дату создания (по умолчанию устанавливается текущая дата), дайте Описание альбома, ограничьте доступ к альбому по паролю.

      • Для сохранения изменений нажмите кнопку Сохранить.

      В результате страница созданного альбома выглядит следующим образом:

      Аналогичным способом выполняется создание вложенного альбома.

      Добавление фотографий в альбом

      • На странице просмотра альбома нажмите ссылку Загрузить фото. Откроется окно загрузки фотографий.
      • С помощью окна загрузки выберите необходимые фотографии и нажмите кнопку Загрузить:

      В результате созданный альбом выглядит так:

      Детальный просмотр фотографий выглядит так:


      Перенос фотогалереи

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

      Экспорт фотогалереи со старого сайта

      • Перейдите на страницу Контент > Информ. Блоки > Экспорт > XML. Откроется форма Настройки экспорта.

        • В поле Файл для выгрузки с помощью кнопки Открыть выберите папку, куда будет экспортироваться фотогалерея и укажите желаемое имя файла выгрузки.
        • В поле Информационный блок в выпадающем списке укажите Тип информационного блока и сам информационный блок.
        • В поле Длительность шага в секундах укажите величину шага. Для подавляющего большинства случаев подходят установки по умолчанию.
        • Укажите настройки для выгрузки разделов и элементов.
        • Нажмите кнопку Экспортировать. Начнется процесс экспорта, после завершения которого будет выведено сообщение об успешном экспорте либо ошибках при экспорте.

      Импорт фотогалереи на новый сайт

      • Скопируйте на новый сайт файл gallery.xml и папку gallery_files, которая будет создана вместе с [dw]файлом экспорта[/dw][di][/di].

      • На новом сайте откройте страницу Контент > Информ. Блоки > Импорт > XML. Откроется форма импорта:

      • В поле Файл для загрузки укажите путь к файлу gallery.xml.
      • Выберите Тип информационного блока, в котором должен создаться новый инфоблок.
      • Укажите сайт, к которому должен быть привязан инфоблок.
      • В зависимости от потребностей сайта выполните дальнейшие настройки.
      • Нажмите кнопку Импортировать. Начнется процесс импорта, после завершения которого будет выведено сообщение об успешности импорта или сообщение об ошибках.

      С простой на многопользовательскую

      Как переехать с простой на многопользовательскую галерею

      Технически сделать это не сложно. Надо просто на странице с фотогалереей поменять компонент Фотогалерея 2.0 на Фотогалерея 2.0 (многопользовательская) и настроить новый компонент на информационный блок, который использовался [dw]для простой галереи[/dw][di][/di]. Потребуется дополнительная работа с инфоблоками.

      Нажмите на рисунок, чтобы увеличить

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

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

      Для корректной работы многопользовательской фотогалереи создайте в корне инфоблока раздел, присвойте ему символьный код и перенесите все остальные разделы в только что созданный. В итоге в корне инфоблока будет один раздел - галерея, а в ней остальные разделы - альбомы. Созданная галерея будет принадлежать её создателю (либо администратору, либо редактору сайта).

      Важно помнить!

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


      Работа с комментариями многопользовательской галереи

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

      Модерировать комментарии к фотографиям, если фотогалерея развитая, трудозатратно. Приходится открывать все фотографии, смотреть есть ли комментарии. Гораздо удобнее модерировать всё в одном месте. Сделать это не сложно.

      Операции с форумом

      Отзывы в Фотогалерее реализуются через функционал модуля Форум. Как узнать, какой именно форум для нее используется? Перейдите к настройкам компонента Многопользовательская фотогалерея и в группе параметров Настройки отзывов вы увидите ID форума для отзывов:

      Задайте для модераторов необходимые права доступа к этому форуму. Перейдите на страницу административного раздела Сервисы > Форумы > Список форумов > ваш_форум. Далее, в форме редактирования форума, на закладке Доступ, для группы модераторов задайте нужное право доступа:


      Создание страницы для модерации

      Создайте страницу и в настройках доступа закройте страницу от всех, кроме группы модераторов комментариев к галерее:

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


      В результате, модераторы будут видеть форум многопользовательской галереи, в темы которого будут добавляться комментарии:

      Непосредственно в теме можно [dw]модерировать комментарии[/dw][di][/di].

      Примечание: подробнее о модерации сообщений форума читайте в курсе Администратор. Модули.


      Размещение видео на сайте

      Видео - современный и информативный метод подачи информации посетителю сайта. Для решения задачи по размещению видеоматериалов на сайте используются стандартные компоненты 1С-Битрикс: Управление сайтом Медиа проигрыватель и Видеотека. Также возможно использование html-кода, полученного с видеохостинга, или воспользоваться стандартным функционалом Визуального редактора.

      Медиа проигрыватель и Видеотека, в чём разница

      Когда какой инструмент лучше использовать? Выбор инструмента зависит от объёма видеоматериалов, используемых форматов файлов, задач сайта решаемых показом видео.

      1. Главная разница между этими двумя способами показа видеороликов в том, что Медиа проигрыватель работает напрямую с загруженными файлами, а Видеотека - с [dwi include_iblock]инфоблоками[/dwi], в которые загружены эти файлы.
      2. Если предполагается, что видеоролики когда нибудь предстоит переносить на другой сайт, то лучше использовать Видеотеку. В этом случае перенос сведётся к экспорту/импорту информационного блока в несколько кликов мышкой.
      3. Работа с Видеотекой проще в плане добавления роликов: достаточно просто добавить элемент инфоблока и ролик автоматически в общем списке для просмотра. В Медиа проигрывателе нужно загрузить ролик, получить его адрес в системе, указать адрес ролика и информацию о нём в Списке воспроизведения.
      4. Видеотека позволяет использовать разные типы файлов, в то время как Медиапроигрыватель только один формат файла из возможных.
      5. Созданный инфоблок с видео можно использовать на разных страницах сайта, если в настройках компонента выбирать разные видеоальбомы.

      Если роликов не много и они одного формата, то используйте Медиа проигрыватель, он проще в настройках и работе.

      Дополнительно:

      Полная пользовательская документация по компонентам:


      Медиа проигрыватель

      Медиа проигрыватель

      Медиа проигрыватель воспроизводит видео нескольких форматов. Рекомендуется использование видео с Youtube или видео в формате MP4 (это связано с совместимостью браузеров и платформ). Медиа проигрыватель воспроизводит аудио в форматах MP3 и WMA, а также отображает картинки в традиционных графических форматах: GIF, JPG и PNG.

      Медиа проигрыватель поддерживает следующие форматы списков воспроизведения:

      • XSPF;
      • ATOM;
      • RSS;
      • XML;
      • ASX.

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


      Размещение

      Размещение Медиа проигрывателя на сайте

      Медиа проигрыватель размещается на странице сайта типовым для компонентов системы "1С-Битрикс: Управление сайтом" способом: созданием физической страницы и размещением на ней и настройкой компонента Медиа проигрыватель.

      Подготовка и размещение видеофайлов

      Перед началом работы убедитесь в том что [dw]формат[/dw][di]Рекомендуется использование видео с Youtube или видео в формате MP4 (это связано с совместимостью браузеров и платформ). Медиа проигрыватель воспроизводит аудио в форматах MP3 и WMA, а также отображает картинки в традиционных графических форматах: GIF, JPG и PNG. [/di] загружаемого медиа поддерживается Медиа проигрывателем. При необходимости выполните конвертацию видео в требуемый формат. Для этого используются многочисленные платные и бесплатные конвертеры видео.

      Видеофайл может быть расположен в произвольном месте структуры файлов «1С-Битрикс: Управление сайтом». Однако рекомендуется создать специальную папку, вложенную в папку \upload. В этом случае для указания файлов в настройках компонентов будет использоваться типовой путь upload\video_files\имя_файла. Путь внутри системы будет таким: Контент > Структура сайта > Файлы и папки > upload > video_files > имя_файла.

      Важно помнить!

      1. Есть сложности при воспроизведении видеофайлов медиа проигрывателем в браузере Internet Explorer. Причина в поведении браузера и размере кэша. Рекомендации по работе с IE дать сложно, так как проблемы зависят от версии браузера. В этом случае единственный способ избежать жалоб на невозможность просмотреть видео - деление большого файла на части. Разделить видео на части (а так же оптимизировать параметры, добавить титры, эффекты и прочее) можно в видео редакторе.

      2. Если после добавления Медиа проигрывателя на страницу компонент не отображается, то обратитесь к администратору или разработчику сайта. Возможная причина: в шаблоне сайта в блоке head не была включена строка:
        <?$APPLICATION->ShowHead();?>

      Настройки

      Настраиваем Медиа проигрыватель

      Настроить Медиа проигрыватель можно из публичного раздела в режиме правки с помощью команды [dwi include_edit_params_component]Редактировать параметры компонента[/dwi] или через панель Свойства при редактировании страницы с помощью визуального редактора. Настройки выполняются в базовом либо расширенном режиме. Расширенный режим рекомендуется для первичной настройки, а базовый - для повседневной работы.

      Базовый режим

      Этот режим используется по умолчанию.

      Текстовое содержание ролика (Кликните на плюсик)

      Расширенный режим

      Расширенный режим включается установкой флажка в поле [dw]Расширенный режим настройки компонента[/dw][di][/di] в базовом режиме. Рекомендуется использовать его для точной настройки поведения компонента. Подробная информация по расширенному режиму настройки представлена в пользовательской документации.

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


      Управление и интерфейс

      Кнопки управления

      Интерфейс Медиа проигрывателя прост и интуитивно понятен. В нижней части проигрывателя расположена панель управления:

      Слева - кнопка Старт/Пауза, в центре - индикатор загрузки и просмотра. По сторонам индикатора загрузки – таймеры общего и оставшегося времени. Далее кнопка полноэкранного режима и регулятор громкости.

      Примечание: Внешний вид панели может меняться в зависимости от используемого плеера, использования списка воспроизведения, подключенного скина и настроек компонента.

      Применение скинов

      Для более удачного совпадения внешнего вида плеера с дизайном сайта используйте [dw]скины[/dw][di]Скин - вариант внешнего оформления компьютерной программы.[/di]. Для смены скина:

      • Откройте для редактирования параметры компонента Медиа проигрыватель в расширенном режиме;
      • [dw]Выберите[/dw][di][/di] подходящий скин;
      • Сохраните внесенные изменения;
      • После перезагрузки страницы Медиа проигрыватель отобразится в новом оформлении:

      Если к дизайну вашего сайта не подошёл ни один из имеющихся скинов, то обратитесь к разработчикам сайта с просьбой разработать свой вариант внешнего вида.

      Свой скин нужно перенести в системную папку /bitrix/components/bitrix/player/mediaplayer/skins. (Если в настройках компонента был сменен путь до папки, то укажите правильный путь.) Для контент-менеджера такое действие может быть запрещено, в таком случае обратитесь к администратору.

      Важно помнить!

      Так как содержимое системных папок изменяется при обновлениях, то лучше для своих скинов указать отдельную папку вне пространства /bitrix.


      Вставка стороннего видео

      Если видео размещено на другом сервере

      Медиа проигрыватель показывает видео не только загруженное на ваш сайт, но и видео с удаленных серверов (к примеру, www.youtube.com), а также воспроизводить потоковое видео (аудио).

      Текстовое описание (Нажмите не плюсик)


      Список воспроизведения

      Как показать несколько файлов подряд в нужной последовательности

      Список воспроизведения - способ показа нескольких медиа-файлов в рамках компонента Медиа проигрыватель. В список воспроизведения нельзя включать файлы разных форматов. Используйте этот простой инструмент для показа множества видео файлов в [dw]нужной последовательности[/dw][di]Пример использования списка воспроизведения в Медиа проигрывателе приведен в пользовательской документации.[/di].

      Текстовое содержание (Нажмите на плюсик)

      Важно помнить!

      1. В списке воспроизведения нельзя размещать файлы с разными расширениями.
      2. Ширину или высоту плеера в настройках надо указывать с учётом списка воспроизведения.

      Видеотека

      Видеотека - еще один [dwi include_component]компонент[/dwi], который может показывать видео файлы. Но работает он не с самими файлами, а со специально созданными [dwi include_iblock]инфоблоками[/dwi]. И оформляет страницу несколько по-иному, чем Медиа проигрыватель. Работа с инфоблоками позволяет включать в список для воспроизведения файлы разных форматов, чего нельзя делать в списке воспроизведения простого Медиа проигрывателя.

      Размещение Видеотеки

      Видеотека размещается на странице сайта типовым для компонентов системы "1С-Битрикс: Управление сайтом" способом: созданием физической страницы и размещением на ней и настройкой компонента Видеотека.

      Важно помнить!

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

      <?$APPLICATION->ShowHead();?>

      Создание инфоблока

      Создание инфоблока

      Видеотека показывает ролики, размещённые в информационном блоке. Рассмотрим как создать инфоблок для Видеотеки.

      Текстовое содержание (Нажмите на плюсик)

      Настройка компонента

      Настраиваем Видеотеку

      Настроить Видеотеку можно из публичного раздела в режиме правки с помощью команды [dwi include_edit_params_component]Редактировать параметры компонента[/dwi] или через панель Свойства при редактировании страницы с помощью визуального редактора.

      Текстовая версия (Нажмите на плюсик)

      Важно помнить!

      Кроме полей Тип информационного блока и Информационный блок обязательное для заполнения поле - Секция.


      Создание видеоальбомов и элементов

      Наполняем Видеотеку содержанием

      Создавать видеоальбом можно только в [dwi include_admin_area]административном разделе[/dwi]. Если для выполнения этой операции у контент-менеджера не хватает прав, необходимо обратиться к администратору сайта.

      Текстовое содержание (Нажмите на плюсик)

      Возможные проблемы

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


      Настройка Медиа проигрывателя в Видеотеке

      Как настроить Медиа проигрыватель в Видеотеке

      Медиа проигрыватель встроен в Видеотеку и размещён в ней в шаблоне компонента. Настройки проигрывателя в Видеотеке через форму настроек компонента ограничены, фактически это [dw]Ширина и Высота[/dw][di][/di]. Полностью настроить плеер можно через исправление файлов компонентов в папках. К этой операции нужно подходить внимательно с полным пониманием того, что вы делаете. Если не уверены в своих силах, обратитесь к администратору сайта или разработчику.

      • Откройте страницу Контент > Структура сайта> Файлы и папки > bitrix/components/bitrix/iblock.tv/templates/.default . (В рамках локальной установки это соответствует папке C:\Program Files\Bitrix Environment\www\bitrix\components\bitrix\iblock.tv\templates\.default\, если не менялся стандартный путь установки.)
      • Откройте для редактирования файл template.php из этой папки.

      Начиная с пятой строки начинается код компонента bitrix:player. Это и есть Медиа проигрываетель в Видеотеке. Изменяя параметры плеера непосредственно в коде компонента вы добьетесь нужных результатов. В качестве образца настроек можно взять настройки простого плеера, открыв страницу с размещенным плеером для редактирования в режиме PHP. Какие параметры соответствуют каким полям в настройках можно узнать в документации к "1С-Битрикс: Управление сайтом" на странице Медиа проигрыватель.

      Важно помнить!

      Модификация шаблона компонента требует выполнения определенных правил. В частности, копирования шаблона в своё пространство имен и применение нового шаблона к компоненту. Подробнее об этом можно почитать в уроке Шаблоны компонентов курса Разработчик Bitrix Framework. Если вы не уверены в своих силах, то лучше обратитесь к администратору или разработчику проекта.


    Youtube и другие видеохостинги

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

    Очень часто видео размещают на видеохостингах типа Youtube, Rutube и других. "1С-Битрикс: Управление сайтом" представляет удобную и простую в настройках возможность для показа такого видео на сайтах. Рассмотрим пример на основе Youtube.

    Для вставки видео с помощью кода получите код ролика со страницы Youtube с роликом (Поделиться > Сгенерировать html-код) и вставьте его на страницу учебного курса в режиме HTML кода. Код выглядит так:

    <iframe width="560" height="315" src="http://www.youtu.be/embed/wKLnqmb8MrY" frameborder="0" allowfullscreen></iframe>

    А таков результат вставки кода в текст страницы:


    Каталог товаров без использования модуля Торговый каталог

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

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

    Решение проблемы с вводом цен для товаров каталога заключается в создании свойств инфоблока, хранящих величины цен. Выбор подходящего типа свойства для цен определяется используемыми у вас компонентами для публикации каталога. Так, если будут использоваться компоненты каталога (компоненты, расположенные в визуальном редакторе по пути Контент > Каталог), то тип свойства должен быть Число, а если новостные компоненты (Контент > Новости), то можно использовать свойство типа Строка.

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

    Примечание: при использовании свойства типа Строка валюту цены товара можно указывать непосредственно в карточке товара:

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

    • При использовании компонентов каталога свойство с ценой указывается в секции Цены формы настроек компонента:

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

    • При использовании новостных компонентов свойство с ценой указывается в параметре Свойство секций Настройки списка и Настройки детального просмотра:

      А использование в компонентах встроенного шаблона flat позволяет представить каталог товаров в следующем виде:

    Публикация сообщений в блогах из других программ

    Блог (англ. blog, от «web log» — сетевой журнал или дневник событий) — веб-сайт (или раздел сайта), основное содержимое которого — регулярно добавляемые записи выражающее мнение автора о той или иной проблеме. Отличия блога от традиционного дневника обусловливаются тем, что блоги обычно публичны и предполагают сторонних читателей, которые могут вступить в публичную полемику с автором (в комментарии к блогозаписи или своих блогах).

    Для облегчения повседневной публикации сообщений в блогах сайтов, созданных на продуктах компании "1С-Битрикс" можно использовать любые текстовые редакторы, поддерживающие интерфейс [dw]MetaWeblog API[/dw][di]MetaWeblog API (MWA) является интерфейсом, который позволяет внешним программам управлять сообщениями в блоге. Интерфейс построен на XML-RPC протоколе.[/di].

    Использование MetaWeblog API предоставляет следующие возможности:

    • Управление сообщениями блога одного или нескольких сайтов из blog-клиента или текстового редактора (большинство поддерживают MetaWeblog API).
    • Возможность добавить свой функционал (который будет управлять вашими сайтами), не вдаваясь в логику работы продуктов "1С-Битрикс", а используя MetaWeblog API.

      Описанные методы публикаций можно использовать как для сайтов, созданных на платформе PHP, так и для сайтов созданных на платформе ASP.NET.

      Приложения для публикации в блог

      Для управления сообщениями блога можно использовать любые текстовые редакторы, поддерживающие MetaWeblog API(MWA).

      Например:

      Windows Live WriterSemagicBlogJetPost2Blog
      W.bloggarWordpressZoundry RavenLJ.NET
      BleezerBlogDeskEctoWB Editor
      Thingamablog Alive DiaryScribeFireDeepest Sender
      FlockQTMRocketPost2

      Примечания

      Следует отметить некоторые моменты, которые необходимо учитывать в процессе настройки:

      • При публикации записи блога осуществляется авторизация пользователя. Если при авторизации осуществляется редирект или другие действия, использование MetaWeblog на данный момент невозможно.
      • Для загрузки в блог картинок и видео необходимо использовать File Transfer Protocol (FTP).

      Веб-мессенджер

      Интерактивный инструмент Веб-мессенджер позволяет эффективно общаться и получать информацию прямо через браузер:

      Внимание! Для добавления пользователя в список контактов Веб-мессенджера необходимо предварительно добавить его в свои друзья.

      Примечание: В «1C-Битрикс: Управление сайтом» версии 12 и выше можно написать сообщение пользователю не из вашего контакт-листа (не из ваших друзей), используя Веб-мессенджер. Для этого нужно найти пользователя через поиск в Социальной сети, зайти в его профиль и кликнуть на ссылку Написать сообщение. Откроется окно диалогов Веб-мессенджера.


      На панели Веб-мессенджера присутствуют 2 кнопки, рядом с которыми отображается счетчик непрочитанных сообщений:

      - панель Веб-мессенджера до версии 12;

      - панель Веб-мессенджера версии 12.

      • 1 - вызывает окно диалогов.
      • 2 - вызывает окно Центра нотификаций, в котором выводится информация о различных событиях на портале.

      Примечание: Подробнее о работе Веб-мессенджера см. в курсе «Пользователь корпоративного портала».



      Wiki

      Wiki — раздел проекта (корпоративного портала или сайта), структуру и содержимое которого пользователи могут сообща изменять с помощью инструментов, предоставляемых самим сайтом.

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

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

      Возможности Wiki

      Модуль позволяет:

      • Редактирование вики-страниц разными пользователями как с помощью вики-разметки, так и с помощью визуального редактора (HTML).
      • Автоматическое построение оглавления.
      • Вставлять изображения в страницу.
      • Возможность задавать категории и тэги страницам.
      • Искать интересующую категорию.
      • Комментировать вики страницы. Требуется модуль Форум.
      • Вести историю изменений страницы. Требуется модуль Бизнес-процессов.
      • Сравнивать разные версии вики-страниц. Требуется модуль Бизнес-процессов.
      • Восстанавливать вики страницу до более ранней версии. Требуется модуль Бизнес-процессов.
      • Искать вики страницы с помощью стандартной формы поиска. Требуется модуль Поиск.

      Wiki может работать как отдельный инструмент, так и в составе Социальной сети в Рабочих группах (с ограничением по возможностям поиска).

      Создание раздела Wiki

      Размещение Wiki на проекте осуществляется типовым для продуктов компании "1С-Битрикс" способом: добавлением комплексного компонента Wiki (bitrix:wiki) на страницу сайта. Параметры настроек полей компонента смотрите в разделе Wiki документации к продукту.

      Примечание: Перед размещением компонента предварительно должен быть создан тип информационного блока и информационный блок для Wiki. Это делает администратор сайта.

      Основные понятия

      Основные понятия и термины:

      • Внутренняя ссылка – гиперссылка на вики-страницу в рамках одного вики-сайта. В тексте вики-страницы помечается обычным для гиперссылок синим цветом.
      • Красная ссылка – внутренняя ссылка на несуществующую (еще не созданную) вики-страницу. В тексте вики-страницы помечается красным цветом.
      • Внешняя ссылка – гиперссылка на внешний сайт.
      • Вики разметка – разметка, которая позволяет легко и быстро размечать в тексте структурные элементы и гиперссылки; форматировать и оформлять отдельные элементы.
      • В Категорию объединяют схожие по смыслу страницы. Одна страница может быть в нескольких категориях. Категории могут быть вложенными.
      • Тегами помечают страницы для быстрого поиска нужной страницы.
      • Версия – одна из сохраненных правок вики-страницы.
      • Текущая версия – последняя версия вики-страницы, которая в данный момент видна на сайте.

      Общий вид вики-страницы

      Видеоролик "Общий вид вики-страницы"

      Вики-страница состоит из:

      1. Контекстной панели, кнопки которой позволяет:
        • История - просмотреть версии страниц в их историческом развитии. Кнопка не отображается, если не установлен модуль Бизнес-процессов.
        • Создать - создать новую страницу.
        • Править - редактировать содержание страницы.
        • Переименовать - переименовывается название страницы (категории). Изменения отображаются сразу на всех страницах, где есть упоминание о переименованной странице.
        • Удалить - удалить страницу. Удаление вики-страницы удалит ее саму и всю историю ее изменений. Все ссылки на эту страницу в других вики-страницах перестанут работать, т.е. станут "красными ссылками".
      2. Оглавление. Формируется автоматически, если на странице есть не менее 5 заголовков.
      3. Заголовок. Заголовки могут быть различного уровня.
      4. Внутренняя или Внешняя ссылки.
      5. Красная ссылка - ссылка на еще не созданную страницу.
      6. Категории. Список категорий, к которым привязана данная страница.
      7. Рейтинги. Голосование за статью. Вид может отличаться, зависит от настроек, сделанных администратором.
      8. Теги. Список тегов, которые соответствуют данной странице.
      9. Комментарии. Добавленные комментарии к статье.


      Создание страницы

      Создание первой страницы


      Видеоролик "Создание первой страницы"

      Если еще не создано ни одной страницы, посетитель сайта увидит Главную страницу в таком виде:


      Для создания первой страницы нажмите красную ссылку Создать или кнопку  . По этой команде откроется форма создания страницы с упрощенным визуальным редактором.

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

      Упрощенный визуальный редактор имеет кнопки, недоступные в других модулях системы:

      • Формат - доступна вставка заголовка вплоть до 6-го уровня вложений
      • Ввод внутренней гиперссылки. По этой кнопке создается внутренняя гиперссылка на пока еще не созданную страницу (красная ссылка). Название гиперссылки и название создаваемой страницы могут не совпадать.

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

      • Ваша подпись и момент времени. Кнопка вставляет имя и фамилию автора статьи (в том виде как он зарегистрирован в системе), дату и время создания (правки) статьи.
      • Игнорировать Wiki-форматирование. Текст отображается без учёта Вики-форматирования.
      • Оформление текста в виде кода. Позволяет вводить в текст сообщения программные коды без их искажения при просмотре.

      Примечание: Wiki допускает настройку переадресации страниц. Если по каким-то причинам страница не должна отображаться, но удалять её нежелательно, то можно использовать переадресацию. Для этого необходимо в режиме текста добавить на страницу выражение #REDIRECT [[**********]]. Вместо звёздочек вставьте имя страницы, на которую производится перенаправление. Редактирование исходной страницы становится доступным только администратору.

      Заполните текстом страницу и нажмите Опубликовать. Страница будет создана.

      Создание страницы из Красной ссылки

      Для создания новой страницы по красной ссылке просто нажмите на нее. Откроется форма создания новой страницы.

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

      Примечание: При создании (редактировании) страницы в рамках рабочей группы доступна опция Опубликовать в живой ленте. Если флажок установлен, то любое действие над данной страницей будет отмечено в Живой ленте сообщением. Статья, которая предварительно редактировалась без галочки, при установке галочки все равно остается скрытой.


      Редактирование страницы и история

      Редактирование страницы

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

      Примечание: Изменение названия страницы через кнопку Править отразится на URL ведущем на страницу. Соответственно все ссылки на измененную страницу в других вики-страницах перестанут работать, т.е. станут "красными ссылками". Если необходимо изменить название страницы с сохранением всех ссылок, то воспользуйтесь кнопкой Переименовать.

      При правке страницы можно добавить комментарий к конкретной версии. Этот комментарий будет отображён в списке изменений.

      История версий


      Видеоролик "История редактирования"

      Если в системе установлен модуль Бизнес-процессы, то возможно ведение истории изменений и сравнение версий страниц. Список всех текущих версий можно просмотреть по кнопке История.

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

      Ссылка Восстановить до текущей позволит более раннюю версию сделать текущей версией.

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


      Категории и теги

      Категории

      Категории - один из механизмов классификации создаваемых страниц. Категории могут иметь подкатегории. Вложенность подкатегорий не ограничена.

      Видеоролик "Категории"

      Категории создаются при создании (редактировании) страниц (кнопка Указать категорию) и выводятся под текстом страницы. Ссылка Категории отображается под текстом страницы независимо от того добавлена ли конкретная страница в какую либо категорию. По этой ссылке можно перейти к общему списку категорий.

      Если страница категории не создана, она будет высвечиваться красной ссылкой, как и в случае с обычными страницами. Для создания страницы категории необходимо кликнуть по красной ссылке, а затем воспользоваться ссылкой Создать в тексте под панелью (а не кнопкой Создать на Контекстной панели страницы!).

      Создавая страницу категории можно задать какая категория будет для нее старшей. Для этого воспользуйтесь кнопкой Указать категорию.

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

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

      Для удаления категории нужно вручную удалить текст [[Категория:_название категории_]] с wiki-страницы.

      Теги

      Теги - инструмент для поиска страниц штатными поисковыми механизмами.

      Примечание: Теги недоступны в Wiki, работающей в рамках модуля Социальная сеть.

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

      Примечание: Для коробочной версии Битрикс24 существует способ создавать автоматически формируемые списки страниц. Для реализации такой задачи надо обратиться к администратору.


      Пошаговый пример создания статьи в Wiki

      Создадим и наполним раздел "Рецепты" в Wiki в группе "Кулинария".

      • Переходим в группу, кликаем на пункте Wiki в меню.
      • На главной странице нажимаем копку
      • Вводим заголовок страницы Рецепты, в поле текста 5 строк: Салаты, Супы, Вторые блюда, Выпечка, Напитки и оформляем их в виде заголовка. Добавляем теги: рецепты, приготовить, блюда, суп, салат.

      • Добавляем и форматируем тексты определений в каждый раздел.

      • Задаем внутренние гиперссылки для тех понятий, для которых будут созданы отдельные соответствующие страницы.

      • Из получившихся красных ссылок

      •          создаем соответствующие страницы.


      • Указываем категорию для страницы.

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

      • Нажав на ссылку Категории в конце страницы, можно проверить состав и наполненность категорий, корректность переходов по страницам.

      • В случае необходимости, страницы можно отредактировать или восстановить какую-либо из предыдущих версий.


      Веб-стикеры

      Функционал Веб-стикеры - создание заметки прямо поверх сайта. Сама заметка привязывается к какой-то области на странице, имеет цвет, прямую ссылку на себя, её текст форматируется. Веб-стикеры предназначены для обмена информацией и совместной работы администратора, контент-менеджер, разработчика и так далее.

      Примечание: Функционал веб-стикеров доступен только при наличии соответствующих прав доступа.

      Создание стикера

      Для создания нового стикера нажмите кнопку [dw]Наклеить стикер[/dw][di][/di] или используйте комбинацию горячих клавиш Ctrl+Shift+S. После чего на странице будет отображен [dw]новый стикер[/dw][di]Стикер[/di].

      Управление стикерами

      При клике на заметку вы увидитие дополнительные элементы управления. Суть большинства команд ясно из описания, поясним только некоторые из них.

      Основные элементы управления стикера

      Любой стикер можно привязать к какой-либо [dw]области на сайте[/dw][di][/di] или [dw]элементу[/dw][di][/di], причем при наведении на стикер эта область/элемент "подсвечивается" в соответствии с цветом самого стикера. Нажмите соответствующую кнопку и выделите с помощью мыши желаемый элемент/область на сайте.

      [dw]Идентификатор стикера/ссылка на стикер[/dw][di]Ссылка/идентификатор на стикере[/di] расположена в левом верхнем углу стикера. Используется для показа стикера другому пользователю. Пользователь, перейдя по этой ссылке, сразу попадает в то место на странице, где расположен стикер.


      Список стикеров

      Как работать со списком стикеров

      Стикеров стало много, искать нужный среди них - сложно. Воспользуйтесь списком и фильтром в нём.

      Просмотр списка стикеров

      Список всех стикеров на текущей странице или списка всех стикеров на сайте используются [dw]соответсвующие команды[/dw][di][/di] . По этим командам откроется Список стикеров:

      Внешний вид формы "Список стикеров"

      Отфильтровать стикеры можно с помощью выбора в секциях нужных позиций:

      1 Стикеры:

      • Все - в списке будут отображены стикеры всех пользователей с пометкой Общий;
      • Мои - в списке будут отображены только стикеры текущего пользователя.

      2 Цвет - фильтрация стикеров по цвету.

      3 Статус:

      • Приклеенные - в списке будут отображены только [dw]приклеенные[/dw][di]Приклеенные стикеры - стикеры, которые отображаются
        на сайте. Приклеенные стикеры могут быть не видны
        на сайте, если не отмечен пункт меню Показать стикеры

        .[/di] стикеры;
      • Отклеенные - в списке будут отображены только [dw]отклеенные[/dw][di]Отклеенные стикеры получают такой статус после их закрытия (кнопка х в правом верхнем углу стикера) и не отображаются на сайте. При этом они не удаляются и могут быть наклеены обратно в любой момент времени.[/di] стикеры;
      • Все - в списке будут отображены все стикеры.

      4 Страница

      • Текущая - в списке будут отображены стикеры, расположенные только на текущей странице;
      • Все - в списке будут отображены стикеры, расположенные на всех страницах сайта;
      • <Название_страницы> - в списке будут отображены стикеры, расположенные на выбранной странице.

      Управление стикерами в форме "Список стикеров"

      Для управления стикерами используются флажки, для выделения требуемых стикеров, и список, с доступными действиями:

      Список доступных действий для стикеров

      • Наклеить заново - возвращает отклеенные стикеры обратно на сайт.
      • Отклеить - отключает требуемые стикеры. Они перестают отображаться на сайте, но не удаляются. Действие аналогично действию [dw]кнопки х[/dw][di]Кнопка "Х" на стикере[/di] на самом стикере.
      • Удалить - безвозвратно удаляет выбранные стикеры.

      Для перехода к просмотру желаемого стикера, кликните на его идентификатор в колонке # или на адрес страницы в колонке Страница.


      Типичные ошибки при работе с системой

      Учитесь не совершать ошибки. В каждой сложной системе есть то, что можно сломать по незнанию. Изучите такие моменты в "1С-Битрикс: Управление сайтом" и вам не придётся восстанавливать потерянное или исправлять последствия. В главе собраны описания и решения типовых ошибок, которые встречаются при работе с системой "1С-Битрикс: Управление сайтом".

      Инфоблоки

      Решение типовых проблем не требует вмешательства программистов. Контент-менеджер в большинстве случаев может разрешить их самостоятельно. Самые частые ошибки совершаются при работе с информационными блоками. Это естественно, так как в инфоблоках хранится большая часть информации на сайте. Описание ошибок даётся в формате: Проблема > ошибка > решение, чтобы вам было проще перейти к исправлению ситуации.


      Типовые проблемы:


      • Проблема: выводится сообщение: [dw]"У вас нет прав на просмотр ..."[/dw][di][/di].

        Ошибка: ненастроенные права доступа к детальной информации: новостей и фотогалереи.

        Решение: Настроить группы пользователей для доступа в настройках комплексного компонента в группе параметров Дополнительные настройки:

        Нажмите на рисунок, чтобы увеличить


      • Проблема: На странице не выводится информация, добавленная в поля свойств элемента инфоблока. Например, добавляется информация в поле Производитель и Материал, а она [dw]не видна у товара[/dw][di]Нажмите на рисунок, чтобы увеличить[/di].

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

        Решение: В настройках параметров инфоблока указать какие свойства должны отображаться. Для этого надо сначала понять на какой странице не выводятся нужные свойства: на детальной странице товара или на странице списка товаров. Отличить не трудно: на странице списка товаров выводятся все товары раздела. На странице детального отображения товара - только выбранный товар. Соответственно нужно выбирать свойства для показа в нужной секции настроек компонента.

        Нажмите на рисунок, чтобы увеличить


      • Проблема: В форме добавления элементов не видны добавленные свойства инфоблока.

        Ошибка: добавленное свойство либо неактивно, либо свойство не выведено в измененной (кастомизированной) форме добавления элемента.

        Решения:

        • активируйте свойство в форме редактирования инфоблока (Контент > Инфоблоки > Типы инфоблоков > _ваш_тип_инфоблока > _ ваш_инфоблок_) на закладке Свойства.

          Нажмите на рисунок, чтобы увеличить

        • добавьте новые свойства в форму создания элемента, как это рассказано в курсе Администратор. Базовый.

        Прав контент-менеджера на эти операции может не хватить. В этом случае обратитесь к администратору сайта.


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

        Ошибка: в свойствах инфоблока типа Файл не указаны разрешенные для загрузки форматы.

        Решение: разрешенные форматы указываются на закладке Свойства формы настройки инфоблока (Контент > Инфоблоки > Типы инфоблоков > _ваш_тип_инфоблока > _ ваш_инфоблок_). В строке свойства типа Файл с помощью кнопки [...] вызовите форму детальной настройки свойства и в поле Типы загружаемых файлов введите нужные форматы или выберите форматы в выпадающем списке:


      • Проблема: Не удается прикрепить файл к элементу инфоблока, выводится сообщение: Превышен максимальный размер файла. При этом не происходит сохранение элемента.

        Ошибка: ограничения администратора сайта на размер загружаемого файла.

        Решение: Для снятия этого ограничения необходимо обратиться к администратору сайта.


      • Проблема: При переходе из списка элементов к странице детального просмотра появляется сообщение: [dw]Элемент не найден[/dw][di][/di].

        Ошибка: неправильно формируется адрес страницы (не передается идентификатор открываемого элемента или в настройках компонента ошиблись).

        Решение: проверить настройки компонента в группе параметров Управление адресами страниц или обратиться к администратору сайта.


      • Проблема: Количество сообщений (тем форума, новостей, количество фотографий и т.д.) на странице не совпадает с количеством, указанном в настройке компонента.

        Ошибка: в настройках используемого компонента отмечена опция Использовать обратную постраничную навигацию. В этом режиме происходит вывод страниц в обратном порядке (последняя страница становится первой).

        Нажмите на рисунок, чтобы увеличить

        Решение: исправить настройки компонента в группе параметров Настройки постраничной навигации.

        Необязательная информация: зачем нужна обратная навигация

      Ошибки при работе со структурой

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

      Создание страниц через меню

      Частая ошибка - создание страницы (раздела) через пункты меню. Для добавления страницы кликают Редактировать пункты меню, вписывают новый пункт и ждут чуда. Такой алгоритм действий контент-менеджера навеян некоторыми бесплатными CMS. Этот алгоритм интуитивно удобен (ведь в конечном итоге хотят увидеть именно пункт меню), но неверен для "1С-Битрикс: Управление сайтом".

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

      2 - неверный путь. Приведёт к тому, что пункт в меню появится, но не приведёт на страницу с этим же названием.

      Создание страниц в другом разделе

      Другая частая ошибка - создание страниц не в том разделе, где нужно. Решение этой проблемы простое - воспользуйтесь [dwi include_button_structure]инструментом Структура[/dwi], который позволит легко перенести ошибочно созданные страницы в нужные места.

      Загрузка файлов

      В визуальном редакторе при загрузке файлов с локального компьютера у контент-менеджера вкладка Загрузить файл неактивная. Причём администратор сайта без проблем загружает файлы. Ошибка в неверно заданных правах на доступ для контент-менеджера. Для решения проблемы обратитесь к администратору сайта.

      Загрузка файлов через медиабиблиотеку

      Ошибки возникают при загрузке файлов с несоответствующим настройкам [dw]расширением или размером[/dw][di]

      Подробнее...[/di].

      Если файл не соответствует разрешенному расширению, то выведется сообщение:

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


      Чего нельзя делать

      Что можно сломать ненароком в системе

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

      1. В Панели управления на закладке Сайт кнопки для разработчиков не видны Контент-менеджеру при правильной настройке. Если видны, то помните значение кнопок и не используйте непредназначенные для Контент-менеджера. Внимательно изучите этот список!
      2. При работе в Визуальном редакторе, либо при включённом режиме Правки вам может быть доступно управление компонентами. Производя настройки параметров компонента, вы должны точно понимать какие настройки должны быть изменены.
        Кроме этого возможно случайное удаление или отключение компонента, смена используемого шаблона на другой.
      3. В ряде случаев Контент-менеджеру даются права на настройку Информационного блока, например, для настроек SEO или ЧПУ. Помните, что изменение иных настроек в информационном блоке может привести к неприятным последствиям.
      4. Иногда предоставляется доступ к изменению шаблонов дизайна сайта. Изменение иных параметров сайта на странице настроек сайта приводит к искажению вывода информации, либо к полной недоступности сайта.
      5. Если в Визуальном редакторе доступно изменение кода в режиме работы с исходным кодом, то в этом режиме возможно случайное изменение, например, кода компонента. Это приведёт к неправильному отображению информации.

      Практические задания

      После изучения теоретического курса будет полезным выполнить практические задания по работе с "1С-Битрикс: Управление сайтом". Работы рекомендуется выполнять на тестовой лаборатории, предоставленной компанией 1С-Битрикс. Либо на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом.

      Виртуальная лаборатория предполагает установку системы самостоятельно пользователем в упрощённом, в отличие от пробной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

      Выполнение практических заданий лучше выполнять в заданной последовательности. Так как выполнение последующих заданий опирается на выполнение предыдущих заданий.


      Структура сайта

      Установленный в Виртуальной лаборатории (или на локальном компьютере) Интернет-магазин, состоит из динамических страниц, за исключением раздела О магазине. Меню этого раздела размещено в [dw]"подвале" сайта[/dw][di][/di]. С этим разделом и будем работать при выполнении задач со структурой сайта. Тип меню этого раздела - Нижнее меню, мы также будем использовать это название.

      Основное задание

      Создайте раздел с названием Тестовый раздел, именем папки test. В логической структуре раздел разместите на втором уровне, в физической структуре - на первом. В Нижнем меню раздел - на последнем месте. Заголовок окна браузера соответствует названию раздела. В теле страницы укажите текст: "Раздел для выполнения заданий по курсу Контент-менеджер".

      Результат выполнения задания:


      Дополнительно

      Измените название раздела Тестовый раздел в цепочке навигации на "Другой раздел". Не пункт меню, не название страницы, не название заголовка окна браузера, а только пункт в Цепочке навигации. (Затем восстановите прежнее значение.)

      Результат замены имени раздела в Цепочке навигации:


      Права доступа на статические страницы

      В этом задании "поиграемся" с правами доступа и посмотрим что на что влияет.

      Первое задание: задание прав доступа на пункт меню

      Примечание: Для выполнения этого задания ознакомьтесь с уроком Расширенный режим настройки меню из курса Администратор. Базовый. Выполняемая задача в теории выполняется администратором сайта, но на практике её часто поручают Контент-менеджерам.

      Скройте Тестовый раздел из Нижнего меню для неавторизованных пользователей. Пояснение: сама страница доступна по прямому адресу.

      Подсказка: воспользуйтесь командой Редактировать меню в Панели управления в форме редактирования меню.

      Результат выполнения задания

      Второе задание: задание прав доступа на страницу

      Отмените все ограничения прав доступа из первого задания.

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

      Результат выполнения задания

      Дополнительно

      Добавьте Тестовый раздел в Избранное для быстрого доступа.

      Результат выполнения задания


      Загрузка файлов и Медиабиблиотека

      Выполнение заданий этого урока даст практический опыт работы с файлами в системе.

      Первое задание: загрузка файлов на сайт

      • Скачайте архив на локальный компьютер, распакуйте его и загрузите фотографии в созданную в предыдущем задании папку /test. (Эти файлы будут использоваться в практическом задании при работе с текстом.)

        Результат выполнения первого задания

      Второе задание: создание коллекций в медиабиблиотеке

      • Загрузите архив демоданных на локальный компьютер, распакуйте архив. Эти фото нужны будут для работы с Медиабиблиотекой.
      • Создайте в Медиабиблиотеке коллекции типа Изображение: Природа, Автомобили, Путешествия на верхнем уровне. И коллекции Море, Флора и Фауна в коллекции Природа, коллекции Вена - Прага, Азия, Крым в коллекции Путешествия.

        Результат выполнения второго задания

      Третье задание: загрузка файлов в медиабиблиотеку

      • Загрузите фотографии из архива демоданных с разнесением их по библиотекам. Задайте описание и нужные имена для элементов коллекции.

        Результат выполнения третьего задания

      Дополнительные задания

      • Загрузите в разные коллекции одну и ту же фотографию. Удалите её в один клик из обеих коллекций.
      • Попробуйте изменить свойства, коллекций и фотографий (название, описание, расположение, ключевые слова).
      • Попробуйте загрузить в коллекцию файл с расширением doc. Будет ли он загружен? И почему?

      Работа с текстом

      Упражнения для работы с текстом. Вы получите практику работы в Визуальном редакторе.

      Первое задание: добавление текста и ссылки

      • Заполните страницу Тестового раздела текстовой информацией из спойлера и отформатируйте её так же как в образце.

        Текст для выполнения задания

      • Создайте во вставленном тексте ссылку со слова Благотворительность на любую другую страницу сайта, например на страницу "Контакты".

        Результат выполнения первого задания

      Второе задание: размещение таблицы и изображений

      Более сложное задание.

      • В Тестовом разделе замените прежний текст на текст: "Наше участие в праздниках Благотворительного центра "Верю в чудо"." На название фонда разместите ссылку на сайт фонда (http://deti39.com). Страница должна открываться в новой закладке, текст подсказки по ссылке: "Сайт благотворительного центра".
      • На этой же странице создайте таблицу в две строки и два столбца а разместите в её ячейках фотографии загруженные в папку /test. При размещении фотографию уменьшайте до 20% по размеру.

        Результат выполнения второго задания

      Дополнительно

      • Создайте сниппет, с кодом таблицы, например такой:

        1 1 2 3
        2 нет нет нет нет нет нет нет нет
        3 Да Да Да Да Да Да Да Да

        Для не владеющих HTML приведём код для снипета в спойлере (нажмите на плюсик)

        И разместите код таблицы на странице.

        Результат выполнения дополнительного задания:

      • Создайте короткую ссылку вида http://_ваш_сайт_/~тестовый_раздел на Тестовый раздел.
      • Разместите эту короткую ссылку на любой странице Нижнего меню (например на странице "О компании") с произвольным текстом и проверьте работу ссылки.

      Информационные блоки

      По материалам главы:

      Информационные блоки

      Решим задачу создания сборника статей и привязанными элементами справочников. Простейшим справочником будут данные об авторах.

      При выполнении заданий вы пройдёте полный цикл работы с информационными блоками, хотя и в упрощённом виде и на демонстрационных данных.


      Создание и настройка Информационных блоков

      Первое задание: создание Типа инфоблока

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

      Создайте Тип инфоблока Тестовый с ID - test.

      Результаты выполнения первого задания

      Второе задание: создание инфоблока-справочника

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

      Создайте инфоблок с параметрами:

      • Символьный код: test_authors
      • Сайты - привязка к вашему сайту
      • Название - Авторы
      • Свойства:
        • Год рождения: Тип - Дата/время, Код - BIRTHDATE;
        • Заголовок окна браузера: Тип - Строка, Код - BROWSER_TITLE.
      Результат выполнения второго задания

      Третье задание. Создание инфоблока для каталога статей

      Создайте информационный блок с параметрами:

      • Символьный код: test_article
      • Сайты - привязка к вашему сайту
      • Название - Статьи
      • Свойства инфоблока:
        • Год выхода статьи: Код - YEAR, Тип - Строка;
        • Автор(ы): Код - AUTHORS, Тип - Привязка к элементам, множественное. В настройках свойства в поле Информационный блок укажите инфоблок-справочник созданный вами выше.
        • Картинки: Код - MORE_PHOTO, Тип - Файл, множественное, тип загружаемых файлов - изображения;
        • Заголовок окна браузера: Тип - Строка, Код - BROWSER_TITLE
        • Ключевые слова: Тип - строка, Код - KEY_WORDS

      Результат выполнения третьего задания


      Добавление статей и справочных данных

      По материалам уроков:

      Разделы и элементы

      Задание первое. Добавление справочных данных

      Добавьте в инфоблок Авторы элемент с информацией об авторе книги. Пусть это будет некий Иванов Иван Иванович и выдуманной биографией.

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

      Данные для создания автора и результат работы

      Задание второе. Создание раздела в каталоге статей

      При большом количестве статей и тем статей использование разделов - единственный понятный пользователям способ сортировки. Создайте раздел Статьи о 1С-Битрикс: Управление сайтом в инфоблоке статей.

      Результат выполнения второго задания

      Третье задание: создание статей

      В разделе Статьи о 1С-Битрикс: Управление сайтом создайте две статьи с привязкой к автору.

      Тексты и картинки - просто примеры и смысловой нагрузки не несут.

      Данные для создания статей

      Результат выполнения третьего задания


      Вывод данных в публичной части

      Созданные данные выводятся в публичной части. Выполните несложные задания для решения этой задачи.

      Задание первое. Размещение комплексного компонента

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

      Разместите в Тестовом разделе комплексный компонент Новости, настройте его на инфоблок Статьи.

      Результат выполнения первого задания

      Задание второе: настройка вывода данных

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

      1. Примените шаблон компонента flat, это изменит вывод списка, внешний вид и позволит впоследствии использовать слайдер для показа картинок.

        Результат выполнения пункта 1

      2. В списке статей выводите автора статьи с ссылкой на его страницу и число показов статьи. (Ссылка с автором статьи пока не будет открываться.)

        Результат выполнения пункта 2

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

        Результат выполнения пункта 3

      Задание третье: вывод связанного элемента другого инфоблока

      Вывести страницу с автором статьи. У нас есть ссылка на автора в тексте статьи. Компонент Новости формирует эту [dw]ссылку в виде[/dw][di][/di]: https://*******.ru/test/detail.php?ID=341. Следовательно, для решения задачи вывода автора требуется создать в тестовом разделе страницу detail.php. Разместите на странице простой компонент Новость детально и настройте его на инфоблок Авторы. (Создавая страницу не выводите её в меню, она там не нужна.) [dw]Результат действий[/dw][di][/di].

      Для получения нужного результата донастройте компонент, а точнее - запрос ID элемента инфоблока Авторы. Этот запрос по умолчанию: ={$_REQUEST["ELEMENT_ID"]}. Поле ID новости в [dw]настройках компонента[/dw][di][/di] Новость детально. Но, как показано в предидущем абзаце, адрес задаётся в виде https://*******.ru/test/detail.php?ID=341, а не https://*******.ru/test/detail.php?ELEMENT_ID=341. Разница в "ELEMENT_". Вот эту часть и удалите в поле ID новости.

      Далее настройте параметры компонента: вывод свойств, установка заголовка браузера, вывод в цепочке навигации и запретите повтор названия элемента.

      Результат выполнения третьего задания


      Работа с компонентами

      Компоненты - инструмент вывода информации в 1С-Битрикс: Управление сайтом. Выполним задания для освоения работы с ними.

      Задание первое: Изменение включаемой области

      В шаблоне сайта Интернет-магазин задано много включаемых областей. Для выполнения задания используем область с текстовым содержанием расположенную [dw]в правой колонке[/dw][di][/di] под формой подписки на рассылки. Для выполнения задания перейдите на главную страницу сайта.

      1. В настройках компонента задайте условие показа - для раздела.

        Результат выполнения первого пункта

      2. Перейдите в Тестовый раздел и создайте там включаемую область. В неё [dw]добавьте[/dw][di]
        Где:
        1 - произвольный текст (статическая информация)
        2 - компонент (динамичная информация)[/di] компонент Самые продаваемые товары и произвольный текст. Настраивать компонент не будем, так как продаж не было и при любых настройках не будет выведено ни одного товара. Это задание просто для получения представления о том как это делается.

        Результат выполнения второго пункта

      3. Верните прежние настройки для компонента, чтобы всё отображалось как раньше.

      Задание второе: настройка компонента

      Задание выполним на основе комплексного компонента Фотогалерея (Не Фотогалерея 2.0 !!). Для выполнения задания удалите из тестового раздела компонент Новости.

      1. Создайте информационный блок Фотогалерея с параметрами:
        • Название - Фотогалерея
        • Символьный код - test_gallery
        • Привязка - к действующему сайту
        • Свойства:
          • Оригинал: Тип - файл, обязательное, Код - REAL_PICTURE.
        • Результат выполнения первого пункта
      2. Скачайте и распакуйте архив фотографий для размещения в элементах инфоблока.
      3. Создайте разделы Мой альбом и Отпуск в инфоблоке. Создайте в разделе Отпуск - один элемент инфоблока, а в Мой альбом все остальные элементы, загружая одно и тоже фото в свойство Оригинал и в анонсовую и подробную картинки элемента. Анонсовые картинки ограничьте по высоте в [dw]150 пикселей[/dw][di][/di], а подробную картинку в [dw]400 пикселей[/dw][di][/di]. Название элементам дайте сами, в символьный код вставьте название файла, в анонсовом описании продублируйте название элемента.

        Результат выполнения третьего пункта

      4. На странице Фотогалерея разместите комплексный компонент Фотогалерея и настройте его на инфоблок Фотогалерея.

        Результат выполнения четвёртого пункта

      5. Настройте компонент таким образом, чтобы:

        Страница Фотогалерея выглядела так:

        Страница альбома выглядела так:

        Страница конкретной фотографии выглядела так:

    Задание третье: настройка ЧПУ

    Пока адреса страниц в фотогалерее у нас такого вида (цифры, конечно же, другие):

    • *********.bitrixlabs.ru/test/?SECTION_ID=18&ELEMENT_ID=277 - для страницы отдельной картинки;
    • *********.bitrixlabs.ru/test/?SECTION_ID=18 - для страницы альбома

    Это не ЧПУ адреса. Включите ЧПУ и настройте компонент так, чтобы адреса выглядели:

    • *********.bitrixlabs.ru/test/my_album/girl.jpg/ - для страницы отдельной картинки;
    • *********.bitrixlabs.ru/test/my_album/ - для страницы альбома
    Внимание! Для получения такого результата одной настройки компонента будет мало, внесите изменения и в параметры альбома.


    Рабочий стол, веб-стикеры

    Справочные материалы:

    Рабочий стол

    Веб-стикеры

    Рабочий стол

    На Рабочий стол в Административной части добавьте гаджет Контент > Элементы инфоблока.

    Настройте гаджет на инфоблок Статьи таким образом:

    • Название: Статьи.
    • Сортировку по дате последнего изменения и показ даты изменения.
    • Остальное - по умолчанию.

    Результат настройки гаджета

    Вебстикеры

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

    Результат выполнения задания