Слайдер и вкладки
Слайдер и вкладки внутри устроены одинаково.
Элемент, в котором размещены слайды, помечается атрибутом cr-slider-container. Слайды (или вкладки) помещаются туда автоматически.
Содержание
Перелистывание
Кнопка перелистывания вперед помечается атрибутом cr-slider-next.
Кнопка перелистывания назад помечается атрибутом cr-slider-previous.
Список слайдов
Чтобы сделать точки для каждого слайда необходимо использовать атрибут cr-slider-pagination. При том внутри элемента с этим атрибутом должен находиться всегда только 1 элемент с атрибутом cr-slider-page.
Пример:
<div cr-slider-pagination>
<div cr-slider-page></div>
</div>
Для каждого слайда элемент cr-slider-page будет продублирован. Элемент, указывающий на активный слайд, будет иметь класс is-active.
Внутри cr-slider-page можно использовать произвольную верстку. Доступны так же следующие специальные элементы:
cr-slider-page_number - номер слайда cr-slider-page_label - название слайда cr-slider-page_icon - иконка слайда. Для указания цвета иконки используйте атрибут color.
Пример:
<div cr-slider-pagination>
<div cr-slider-page>
<div cr-slider-page_icon color="white"></div>
</div>
</div>
Секция Слайдер
Идентично компоненту «Слайдер», только не используется элемент cr-slider-container.
При этом весь редактируемый HTML код помещен внутрь position:absolute элемента, растянутого по ширине и высоте всей секции.
Если нужно обратиться к CSS-свойствам слайда, можно использовать селектор .section-slider-container.
ТЕХНИЧЕСКАЯ ПОДДЕРЖКА
Не можете найти то, что ищете?
Напишите нам. на связи 24/7. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.
Агенты ответят через 10 минут
