Курсы обучения
+7 (351) 777-80-70

Вариатор и области синхронизации INTEC: Конструктор

В этом уроке мы рассмотрим вариатор конструктора, области синхронизации и их настройку.

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

Создадим для наглядности сначала новый контейнер - вариатор. Для этого перейдем в конструктор любого шаблона (на Ваше усмотрение). В нашем случае это будет шаблон главной страницы.

12.png

Вариативный контейнер

В конструкторе добавим в какое-нибудь место вариативный контейнер.

6.1.png

6.2.png

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

6.3.png

6.4.png

6.5.png

Теперь у нас готов вариативный контейнер. Что теперь? Можно, например, добавить в контейнер какой-нибудь компонент и настроить его для каждой вариации. Добавим компонент брендов и настроим его для каждой вариации.

6.6.png

6.7.png

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

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


Синхронизируемый контейнер

Теперь рассмотрим процесс создания и настройки областей синхронизации.

Как уже было сказано, область синхронизации - это контейнер, настройки которого распространяются на все шаблоны. По умолчанию существует две области (зоны): "Шапка" и "Подвал". Настроить или создать области можно в Панели администрирования - Intec - Конструктор - Сборки - Сайт(s1,s2, ...) - Зоны.

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

7.1.png

Чтобы настроить данный контейнер, нажмем по кнопке "Настройки". Слева отображаются настройки. При включенном режиме разработчика можно конвертировать контейнер в «вариативный контейнер» либо в «обычный контейнер».

7.2.png

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

7.3.png

В качестве примера создадим новую область синхронизации и добавим ее в конструкторе. Для начала перейдем в Панели администрирования - Intec - Конструктор - Сборки - Сайт(s1,s2, ...) - Зоны и кликнем по кнопке "Добавить".

7.4.png

Создадим область "Иконки". При создании области необходимо заполнить поля "Код", "Название". Также можно указать сортировку. Затем сохранимся.

7.6.png

7.5.png

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

7.11.png

7.12.png

7.7.png

7.9.png

Теперь, если контейнер с данным компонентом добавить в другом шаблоне, то все изменения компонента в одном шаблоне будут отображаться и на другом шаблоне. Например, перейдем в конструктор шаблона "Внутренний". Добавим контейнер, сделаем его синхронизируемым, выберем область "Иконки" и в результате контейнер сразу появится с компонентом иконок.

7.13.png


7.12.png

7.7.png

7.10.png

Наши решения