Компоненты: связанные копии на странице

Компоненты

1. 1Продвинутый режим
2. 2Выделите элемент
3. 3Компонент

Сделать две карточки с общим оформлением

1. Перейдите в продвинутый режим. Выделите одну готовую карточку целиком: удобнее выбрать её контейнер в дереве слоёв, а не текст внутри.
2. В панели свойств раскройте «Компонент» и нажмите «Создать компонент». Выделенная карточка станет мастером; задайте ей понятное имя.
3. Нажмите «Создать instance». Рядом появится связанная копия. Instance — это экземпляр компонента.
4. Снова выберите мастер и измените его оформление, например скругление или заливку. Проверьте, что копия получила ту же правку.

Разный текст у одинаковых карточек

1. В дереве слоёв раскройте мастер и выделите текстовый слой внутри него. Раздел «Свойство выбранного слоя» появляется у дочернего слоя мастера.
2. В разделе «Компонент-мастер» нажмите «Текст». Теперь это свойство доступно для изменения у экземпляров.
3. Выберите копию карточки. В разделе «Копия компонента» впишите другой текст в добавленное поле и щёлкните вне него.
4. У копии теперь свой текст, а оформление остаётся связанным с мастером. «Сбросить» рядом с этим полем возвращает именно этому свойству значение мастера.

Таким же способом можно открыть свойства «Фото», «Ссылка», «Видимость» и «Контент». Выбирайте соответствующий дочерний слой: картинку для фото, ссылку для адреса. Поля фото и ссылки принимают адрес; «Видимость» даёт переключатель у экземпляра.

Варианты оформления

1. Выберите мастер, нажмите «Добавить variant» и задайте имя, например «Акцентная».
2. Появится ещё один мастер варианта. Измените его оформление.
3. Выберите экземпляр и переключите его вариант в выпадающем списке. Варианты выбираются вручную; это не автоматическое состояние при наведении.

Как убрать связь

• «Отвязать экземпляр» превращает выбранную копию в обычный элемент с её текущим содержимым.
• «Расформировать компонент» снимает связи у мастеров и экземпляров этого компонента на странице. Сами элементы остаются.
• Связи работают внутри текущей страницы. Компонент на другой странице не обновляется автоматически вслед за этим мастером. Для повторной вставки готового оформления на другие сайты используйте «Мои блоки».

Если видите обычный раздел «Компонент» вместо мастера или копии, проверьте выделение в дереве слоёв. Для этих действий должен быть выбран один элемент.