Сайт детского сада (детского центра развития и досуга, дошкольного учреждения)
адаптивное типовое решение

Установка и настройка типового решения

Решение устанавливается на редакции начиная со Старта.
Внимание! Версия Битрикс должна быть не менее 15.5 с активной лицензией
Для работы продукта в соответствии с 152-ФЗ версия Битрикс должна быть не менее 17.0.9

  1. Загрузите модуль
  2. Нажмите кнопку Установить
  3. После стандартной установки модуля перейдите на страницу списка мастеров (Настройки -> Настройки продукта -> Список мастеров) и выберите мастер "Мибок: Сайт детского сада (детского центра развития и досуга, дошкольного учреждения)"
  4. Нажмите "Установить" в контекстном меню выбранного мастера
  5. В новом окне откроется приветственная страница мастера, являющиеся первым шагом мастера.
  6. Мастер установки в несколько шагов подготовит и настроит решение. После чего станет доступна ссылка для перехода на установленный сайт детского сада (дошкольного учреждения).
    Далее пояснения по некоторым из шагов:
    Выбор сайта
    Выбор сайта. На данном шаге выберите существующий сайт или создайте новый. Примечание. Начиная с версии Битрикс 18.0 во всех редакциях, кроме "Старт" снято ограничение на количество сайтов на одной лицензии.
    Обработка персональных данных
    Обработка персональных данных. На данном шаге Вам необходимо создать соглашение на обработку персональных данных или выбрать из уже существующих на сайте (если они есть).
    На выбор предоставляется 2 варианта создания соглашения: Собственное (необходимо заполнить полный текст самого соглашения, а также подпись для галки согласия, которая будет отображать в формах на сайте) и Стандартное (необходимо заполнить название компании, адрес и контактный email). Все поля для заполнения в обоих случаях являются обязательными.
    Примечание. После создания соглашения Вы всегда сможете его отредактировать, перейдя на страницу административного раздела сайта Настройки → Настройки продукта → Соглашения.
  7. Перейдите на сайт и измените демо-данные на данные вашей организации во включенном режиме правки (для редактирования данных нужно использовать технологию "Эрмитаж").
    Типовое решение разработано таким образом, что все текстовые блоки, элементы и разделы инфоблоков и т.д. могут быть изменены пользователем без навыков программирования в публичной части сайта.

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

На странице Настройки → Настройки продукта → Настройки модулей → Мибок: Сайт детского сада (детского центра развития и досуга, дошкольного учреждения) → Вкладка «Настройки» доступны, следующие возможности:

  1. Настройки версии для слабовидящих:
    • Отключить использование адаптивной сетки на Bootstrap 3 (в версии для слабовидящих). При установленном значении в шаблоне версии для слабовидящих будет игнорироваться адаптивная сетка сайта.
    • Вывод заголовка страницы в теге H1 шаблона (в версии для слабовидящих). При установленном значении в шаблоне версии для слабовидящих не будет выводиться тег H1
  2. Настройки вывода расписания:
    • Выводить в расписании прошедшие дни (от текущей даты назад). Возможные значения: 1 день, 3 дня, 1 неделя. В зависимости от выбранного параметра в выпадающем списке будут выводиться соответствущие прошедшие дни в календаре расписания
    • Выводить в расписании предстоящие дни (от текущей даты вперед). Возможные значения: 1 неделя, 2 недели, 1 месяц. В зависимости от выбранного параметра в выпадающем списке будет выводиться расписание на соответствубщее количество дней вперед.
    • Разрешить запись на занятие. При установленном значении на странице с расписанием выводится форма записи на занятие.
  3. Настройки отображения сайта:
    • Слайдер. В выпадающем списке можно 2 варианта отображения слайдера на главной странице сайта
    • Направления деятельности . В выпадающем списке можно 2 варианта отображения блока со списком напралвений деятельности как на главной странице, так и на внутренних
  4. Настройка Google reCAPTCHA:
    • Версия reCAPTCHA. Модулем поддерживаются версии 2 и 3. Одновременно работать может только одна выбранная версия.
      Примечание. Для версии 2 поддерживается только вид капчи "Флажок", в котором проверка запросов осуществляется с помощью флажка "Я не робот", а вид "Невидимая" капча не поддерживается, вместо нее рекомендуем использовать версию 3.
    • Ключ и секретный ключ. В соответствующих полях введите полученные ключи с сайта Google reCAPTCHA
    Подробнее о настройке капчи в формах обратной связи смотрите в разделе Настройка капчи.

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

На странице Настройки → Настройки продукта → Настройки модулей → Мибок: Сайт детского сада (детского центра развития и досуга, дошкольного учреждения) → Вкладка «Расписание» доступен интерфейс работы для всех инфоблоков, которые имеют в своем символьном коде название "timetable", т.е. которые были созданы во время установки решения:
Выбор инфоблока и обязательные поля Пользовательские поля (свойства инфоблока)

  1. Настройки инфоблока расписания. Здесь выводится список инфоблоков расписания. Выбрав необходимый инфоблок, можно начать с ним работать в таблице ниже.
  2. Обязательные поля. Здесь выводится список обязательных полей расписания, которые нельзя отредактировать.
    • Короткое название. Поле, в котором можно сохранять короткое название занятия, чтобы оно полностью поместилось в ячейке расписания. По умолчанию это поле при создании занятия называется "Занятие" и не выводится в расписании, т.к. в качестве названия занятия используется свойство "Вид спорта". Подробности настройки вывода расписания можно прочитать в пункте "Настройка вывода расписания".
    • Начало занятия. Поле, в котором заполняется дата и время начала занятия
    • Окончание занятия. Поле, в котором заполняется дата и время окончания занятия
    • Регулярность проведения занятия. Поле, в котором выбирается в указаный период (начало - окончание), как будет выводиться: однократно, либо же с периодичносью - раз в неделю, раз в 2 недели, раз в 4 недели. Подробности о данном поле можно прочитать в пункте "Заполнение расписания".
    • Цвет. Поле, в котором выбирается цвет каждого занятия. Данное поле используется для облегчения восприятия просмотра расписания.
  3. Пользовательские поля. Здесь выводится список свойств инфоблока, которые можно редактировать/добавлять/удалять. Причем тображаются только свойства следующих типов: Строка, Список, Дата/Время, Привязка к элементу инфоблока. Работу со свойствами других доступных типов вы можете осуществлять на странице "Настройки информационного блока" во вкладке "Свойства".
    Свойства, которые доступны по умолчанию (после установки решения):
    • Вид спорта. Данное свойство имеет тип "Привязка к элементу инфоблока" и привязано к инфоблоку "Виды спорта".
    • Преподаватель. Данное свойство имеет тип "Привязка к элементу инфоблока" и привязано к инфоблоку "Люди".
    • Зал. Данное свойство имеет тип "Список".
    • Класс. Данное свойство имеет тип "Список".
    Доступные действия для работы со свойствами:
    • Редактировать название свойства. Редактирование названия влияет не только на название свойства в административном разделе сайта, но и при выводе в фильтре и в модальном окне в публичной части сайта. При этом не рекомендуется менять для существующих свойств символьный код, так как он используется для настройки компонентов.
    • Редактировать тип свойства. При выборе свойств "Список" и "Привязка к элементу инфоблока" появляются соответствующие блоки для настройки данного свойства: для списка - поля для заполнение значений, для привязки - список инфоблоков:
    • Добавить свойство. Для этого необходимо нажать на кнопку "Добавить свойство" (расположена внизу списка пользовательских полей). Обратите внимание, что по умолчанию символьный код формиуется из названия свойства путем транслитерации.
    • Удалить свойство. Для удаления необходимо нажать на крестик напротив соответствующего свойства (после этого свойство помечается на удаление), а потом нажать на кнопку "Сохранить":
    • Редактировать списочные значения. Доступна возможность редактировать существующие значения, удалять значения (необходимо нажать на крестик напротив соответствующего значения - поле очистится, а после нажатия на кнопку "Сохранить" - удалится), добавлять значения (для этого необходимо нажать на кнопку "Добавить"):

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

  4. Настройка вывода цвета каждому занятию.
    Обработка персональных данных
    Начиная с версии 2.4.0 появилась возможность определять каким образом будет устанавливаться цвет вывода в ячейке расписания: устанавливать цвет каждому занятию отдельно (при добавлении/редактировании элемента инфоблока) или настроить систему установки цвета в настройках модуля.
    • Если необходимо задавать каждому занятию свой собственный цвет, перейдите на страницу настроек модуля Настройки → Настройки продукта → Настройки модулей → Мибок: Сайт детского сада (детского центра развития и досуга, дошкольного учреждения) во вкладку "Расписание" и в самом низу выберите вариант в выпадающем списке "Нет привязки к свойству". После этого цвет будет браться из занятия (элемента инфоблока "Расписания"). Такое состяоние отображения цвета работает по умолчанию после установки решения
    • Для задания систематичности установки цвета, выберите из выпадающего списка необходимое свойство, которое будет влиять на установку цвета и задайте его значениям необходимые цвета.
      Примечание. В выпадающем списке выводятся только свойства с типами "Список" и "Привязка к элементам инфоблока".

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

Вставка счетчиков
  • Выбор шаблона. В данном поле необходимо выбрать требуемый шаблон, в который необходимо разместить код.
  • Подтверждение прав с помощью мета-тега. Данное поле служит для вставки кода подтверждения права на администрирование сервера в виде мета-тега, при этом код будет размещен в блок <head> html-разметки страницы.
  • Код счетчика. Данное поле служит для вставки кода счетчиков, при этом код будет размещен в самом конце блока <body> html-разметки страницы.
  • Информер счетчика. Данное поле служит для вставки кода информеров, которые должны быть видимыми пользователям, при этом содержимое информера будет отображаться в подвале сайта и видно посетителям сайта.
Примечание. Работа данного функционала предусмотрена только для шаблонов, которые сгенерировало типовое решение. Для того, чтобы разместить один и тот же код для обычной версии сайта и версии для слабовидящих, необходимо его указать 2 раза, т.е. заполнить соответствующие поля как для шаблона обычной версии сайта, так и для шаблона версии для слабовидящих.

На странице расписания (по умолчанию это страница http://адрес_вашего_сайта/timetable/) расположен комплексный компонент "Расписание". Данный компонент предоставляет возможность гибкой настройки вывода расписания.

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

  1. Шаблон компонента и сторонние библиотеки Шаблон компонента. На данный момент в поставке продукта предусмотрен только один шаблон .default
    Сторонние библиотеки. В данном блоке предоставляется возможность включать/выключать javascript и css сторонних библиотек, которые используются в модуле: Bootstrap (адаптивная сетка), Owl Carousel (карусель занятий), Perfect-scrollbar (стилизованный scroll блоков). Если в типовом решении глоабльных изменений по функционалу Вы не производили, данные настройки не рекомендуется менять.
  2. Основные параметры и настройки фильтра Основные параметры. В данном блоке можно выбрать инфоблок для вывода расписания. По умолчанию, выбран инфоблок, который был создан при установке модуля
    Настройки фильтра:
    • Показывать фильтр. При отмеченной опции будет выводиться фильтр на странице.
    • Фильтр. Имя переменной, в которой передается массив параметров из фильтра. Менять данное поле рекомендуем только разработчикам, если есть такая необходимость.
    • Фильтр в заголовке. Можно выбрать какое поле выводится в заголовке фильтра, если ничего не выбрано, то в загловоке нет параметров для фильтрации данных.
    • Другие параметры фильтра. Можно выбрать какие параметры для фильтра будут выводиться в основной части фильтра (на сером фоне).
  3. Настройки вывода занятия в ячейке и в модальном окне Настройки вывода занятия в ячейке. Список полей для выбора ограничен: можно выбрать только свойства 4х типов (Строка, Список, Дата/Время и Привязка к элементу инфоблока), а также поле "Название".
    • Название занятия. Выбирается какое свойство будет выводиться как название занятия. Лучше всего выводить в качестве названия - свойство "Направление". Бывают случаи, когда названия направлений могут быть слишком длинными, а в дизайне ограничение на длину названия в 2 строки. В таких случаях, рекомендуем выводить здесь поле "Название", которое должно содержать короткое альтернативное название.
    • Первая строка. Строка (в дизайне ограничение на длину в 2 строки), содержащая какую-то дополнительную информацию о занятии. Здесь рекомендуем выводить свойства зал или класс.
    • Вторая строка. Строка (в дизайне ограничение на длину в 1 строки), содержащая дополнительную информацию о занятии. Здесь рекомендуется выводить ФИО преподавателя (свойство преподаватель).
    В итоге вывод занятия в ячейке расписания выглядит следующим образом:
    Настройки вывода в модальном окне. При выводе подробной информации о занятии в модальном окне нет ограничений на выбор полей.
    • Название занятия в заголовке. Выбирается какое свойство будет выводиться как название занятия. Данная опция особенно важна, когда в ячейке расписания выводилось короткое альтернативное название, а в модальном окне необходимо вывести полное название занятия (ограничения на длину названия в дизайне нет).
    • Поля. Указываются поля, которые будут отображены в модальном окне.
    • Свойства. Указываются свойства, которые будут отображены в модальном окне.
    В итоге вывод занятия в модальном окне выглядит следующим образом:

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

Добавление занятия в расписание
Служебные поля, которые необходимо заполнить для корректной работы
  1. Начало и окончание активности. Необходимо установить корректную дату и время начала и конца занятия.
  2. Название. Необходимо указать название занятия.
  3. Регулярность проведения занятия. Возможные варианты:
    • (не установлено) - занятие будет отображено 1 раз, в день заданный в поле "Начало активности"
    • Раз в неделю - занятие будет отображено 1 раз в неделю в день недели, заданный в поле "Начало активности"
    • Раз в 2 недели - занятие будет отображено 1 раз в 2 недели в день недели, заданный в поле "Начало активности"
    • Раз в 4 недели - занятие будет отображено 1 раз в 4 недели в день недели, заданный в поле "Начало активности"
  4. Цвет. Необходимо выбрать цвет ячейки. Возможные варианты: голубой, зеленый, коричневый, розовый, желтый.
  5. Лимит записи. В данном поле можно выбрать параметры записи для каждого занятия:
    • -1 - Запись на занятие запрещена. Если у всех занятий в расписании не должно быть возможности записаться, необходимо выключить эту возможность в настройках модуля.
    • 0 - Запись на занятие не имеет ограничений
    • 1, 2, ..., 10 и т.д. - Запись на занятие ограничена указанным количеством.
Пользовательские поля
Набор пользовательских полей можно регулировать под нужды каждого конкретного сайта. Создание, редактирование и удаление таких свойств может производиться 2 способами:
  • в настройках модуля расписания - рекомендуемый способ для контент-менеджеров, см. подробности в разделе Настройка расписания.
  • в настройках информационного блока - стандартный способ работ с инфоблоках в рамках CMS 1С-Битрикс.
Email-уведомления о записях

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

Примечание. Если у Вас был установлен модуль более ранней версии, чем 2.4.0 в форме добавления/редактирования элементов может не появиться свойство "Email для писем". Если после обновления, Вы его у себя не видите, зайдите в настройки формы и добавьте это свойство для вывода: Настройка формы добавления элементов инфоблока расписания

Работа с записями

Начиная с версии решения 2.4.0, появилась возможность управлять записями на конкретное занятие (мероприятие/консультацию). Для того, чтобы пользователь имел доступ к интерфейсу управления нужно назначить данному пользователю специально созданную модулем группу пользователей "Менеджеры по работе с бронью": Группа пользователей 'Менеджеры по работе с бронью'

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

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


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

Так и настроить самостоятельно цветовую схему. Для этого необходимо выбрать радиобаттон Настроить самостоятельно: Самостоятельная настройка цветовой схемы


Самостоятельно настроить можно следующие элементы:

  1. Фон сайта. Данная опция устанавливает цвет фона страницы. Значение по умолчанию — белый.
  2. Основные элементы (фон). Данная опция устанавливает фон активных элементов, цвет кнопок, цвет полосы прокрутки, цвет при наведении на фотографию, цвет подложки в слайдере, цвет выбранного пункта меню и т.д. Значение по умолчанию — синий.
  3. Основные элементы (цвет). Данная опция устанавливает цвет текста активных элементов, цвет текста на кнопке, цвет текста в слайдере, цвет текста в шапке и подвале. Значение по умолчанию — белый.
  4. Шапка и подвал (фон). Данная опция устанавливает фон шапки и подвала. Значение по умолчанию — темно-синий.
  5. Текст страницы (цвет). Данная опция устанавливает цвет текстовых блоков на страницу. Значение по умолчанию — черный.
  6. Вспомогательные элементы (фон). Данная опция устанавливает фон меню подразделов (меню второго уровня), фон слайдера направлений деятельности, фон блоков навигации (стрелки вперед/назад) в слайдерах, фон блока контакты (на странице контактов). Значение по умолчанию — серый.

Панель настроек цветовой схемы имеет большие возможности.

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

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

  1. Слайдер. Можно выбрать 2 варианта отображения слайдера:

    Изображение справа:

    Слайдер с изображением справа

    Изображение на всю ширину блока:

    Слайдер с изображением на всю ширину блока

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

    Горизонтальный слайдер:

    Направления в виде горизонтального слайдера

    Вертикальный блок, отображающийся слева:

    Направления в виде вертикального блока

Страницы и разделы сайта имеют, как стандартные свойства Битрикс (заголовок, описание, ключевые слова и т.д.), так и свойства, разработанные специально для данного решения. Эти свойства могут принимать 2 значения: Y - выводить, N - не выводить:

  1. Выводить направления?(Y/N). Данная опция отвечает за вывод списка направлений на внутренних страницах:
  2. Выводить левую колонку с меню? (Y/N). Данная опция отвечает за вывод меню на страницах сайта (тип меню .left):
  3. Выводить правую колонку с полезными ссылками? (Y/N). Данная опция отвечает за вывод блока полезных ссылок:

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

В формах на сайте предусмотрено использование 2х видов капчи: стандартная Битрикс и Google reCAPTCHA (2я и 3 версия). Для того чтобы выбрать какой тип капчи использовать, Вам необходимо вызвать в публичной части сайта компонент формы и выбрать необходимый вид капчи: Настройка капчи в форме

Если была выбрана "Стандартная Битрикс" капча, то ее настройки Вам необходимо произвести на административной странице сайта Настройки → Настройки продукта → CAPTCHA.
Если была выбрана "Google reCAPTCHA", то ее настройки Вам необходимо произвести на странице Google reCAPTCHA. Причем, выбрать данный вариант возможно только, если в настройках модуля были указаны ключи и выбрана версия reCAPTCHA, подробнее о настройках можно узнать в разделе Основные настройки модуля.

Остались вопросы? Пишите!

Вверх