Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий

1. Зайдите в Демо-лабораторию (http://bitrixlabs.ru/) 1С-Битрикс для пробной работы с компонентами. Данная лаборатория работает в течении 3х часов, затем доступ закрывается и данные более не доступны.

2. Перейдите по кнопки “Далее” и увидите форму авторизации - это форма задания логина и пароля для администратора вашей демо-лаборатории (рис.1).

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Рис.1. Пример формы демо-лаборатории

3. Выберите установку шаблона “Корпоративный сайт производственной компании” и нажмите “Далее” (рис.2).

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Рис.2. Установка продукта 1С-Битрикс

1. Настройка продукта оставьте по умолчанию и дождитесь установки шаблона (рис.3).

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Рис.3. Процесс установки 1С-Битрикс: Управление сайтом

2. Перейдите на сайт. Должно получится следующее

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

3. Перейти в административную часть сайта http://Ваша_лаборатория.bitrixlabs.ru/bitrix/ или перейдите по ссылке в административной панели

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

4. Перейдите в раздел настройки инфоблоков и создайте новый тип инфоблока “События”.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

5. В созданном типе создать новый инфоблок “Календарь событий”.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

6. Продумать дополнительные параметры (свойства инфоблока), необходимые для отображения в публичной части. (Например, “Ссылка на мероприятие”, “Документы для мероприятия”, “Галерея мероприятия” и т.п.)

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

7. Настройте механизм вложенных ЧПУ для списка событий и детального просмотра. И сохраните изменения.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

8. Перейдите к просмотру инфоблока. Заполните несколькими элементами календарь событий.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

9. Перейти в публичную часть сайта создать раздел “События” и разместить компонент“Контент” > “Статьи и новости” > “Календарь”. Настройте размещенный компонент на свой инфоблок “Календарь событий”.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

И вы увидите следующее:

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

10. Создайте в разделе событий страницу для детального отображения события и разместите компонент“Контент” > “Статьи и новости” > “Новость детально”. Настройте размещенный компонент на свой инфоблок “Календарь событий”.

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

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

12. Для событий можно провести настройку SEO информации:

Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий - student2.ru

a. Для заголовка окна браузера (тег META TITLE) зададим шаблон, который подставляет название элемента и даты: {=this.Name} {=this.property.Date}.

b. Для списка ключевых слов (META KEYWORDS) выберем шаблон, который будет подставлять значение из имеющегося у нас свойства элементов Ключевые слова: {=this.property.KEYWORDS}.

c. Описание (тег DESCRIPTION) будет браться из текста анонса элемента: {=this.DetailText}.

d. Для заголовка страницы (поле Заголовок товара) задаем шаблон, который будет подставлять только название элемента: {=this.Name}.

e. в блоке Настройки для детальных картинок элементов провести настройки Шаблона ALT: {=this.Name} {=this.property.Date}, Шаблона TITLE: фото к событию {=this.Name}.

Лабораторная работа №7. Программирование простейшего модуля в CMS 1С-Битрикс.

Наши рекомендации