Была ли полезна для вас статья?

Связанные элементы


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

Cоздание и настройка связанных элементов на примере слайдера в CMS Smart Engine


Шаг #1. Перейдите в визуальный редактор страницы → выберите элемент, который нужно привязать (например, «Стрелка влево»), и перетащите его в среду визуальной верстки → нажмите кнопку «Ок». 




Шаг #2. Убедитесь, что на странице присутствует элемент, к которому будет привязана «Стрелка влево», например, «Слайдер» (далее — родительский объект). В настройках элемента «Стрелка влево» выберите пункт «Связать объекты». 




Шаг #3. Нажмите кнопку «Ок».




Шаг #4. На этом этапе среда визуальной верстки переходит в режим выбора элемента. Для образования связи с текущим элементом кликните на элемент, с которым хотите образовать связь. В примере клик происходит по элементу «Слайдер». 




Шаг #5. Нажмите кнопку «Подтвердить».




Шаг #6. Если все действия были выполнены правильно, то cвязь образована и отображается в панели «Связанные элементы», где «Слайдер» — родительский объект, а «Стрелка влево» — связанный с ним элемент.




Поздравляем, связанные элементы размещены на вашем сайте!




Внимание! Чтобы разорвать связь, в панели «Связанные элементы» выберите объект, который нужно отвязать. Это может быть как родительский объект («Слайдер»), так и связанный с ним («Стрелка влево») → нажмите кнопку «Отвязать элемент» (пункт 2 скриншота).





Видеоурок: Cоздание связанных элементов на примере слайдера в CMS Smart Engine