Как добавить на сайт блок Карусель?
Блок доступен на всех страницах в шаблоне "Новый", можно добавить несколько таких блоков. С их помощью можно красиво и ярко показать на сайте:
1. На главной странице добавьте блок "Карусель", нажав соответствующую кнопку. При необходимости воспользуйтесь поиском по блокам.
2. Для редактирования блока нажмите иконку "шестеренка".
3. Добавляйте слайды, изменяйте заголовок блока, цвет.
На вкладке "Дизайн" изменяйте размер слайдов, фон блока, высоту слайдов и другие элементы.
Кнопки управления позволяют настроить внешний вид стрелок слайдера. Доступен выбор из 7 иконок стрелок и 4 вариантов скругления углов кнопки. Для каждого из трех состояний (обычное, при наведении, при нажатии) можно отдельно задать цвет и прозрачность фона кнопки, цвет и прозрачность иконки, а также цвет, прозрачность и толщину рамки. Точки навигации позволяют настроить внешний вид точек-индикаторов под слайдером, доступен выбор из 4 стилей точек. Для активной и неактивной точки можно задать цвет и прозрачность заливки, а также цвет, прозрачность и толщину обводки.
На вкладке "Анимация" вы можете вкл/выкл автоматическую смену слайдов, время их отображения и стиль смены. Стиль анимации позволяет выбрать эффект перехода между слайдами. Ориентация определяет направление движения слайдов: горизонтальное или вертикальное. Скорость анимации задает длительность перехода между слайдами в миллисекундах. Чем больше значение, тем плавнее и медленнее происходит смена слайда. Опция "показывать слайды за пределами блока" позволяет создать эффект полноэкранного движения. При включении слайды в момент перехода выезжают за границы блока и перемещаются на полную ширину/высоту экрана. При выключении слайды остаются в рамках блока.
Обратите внимание, что применение всех изменений происходит по кнопке "Сохранить".
На вкладке "Настройки" находится поле для импорта/экспорта кода блока, id блока.
4. Перейдите в редактор самого слайда для его настройки, вы также можете его скопировать или скрыть/показать, удалить.
5. Настраивайте слайд, используя соответствующие функции.
Используйте опцию 2х, если хотите, чтобы картинка выглядёла чётко на мониторах с большим разрешением. Рекомендованный размер картинки в ширину при включённой опции: 1056px, высота любая.
6. Готово!
- преимущества компании
- популярные товары / новинки
- услуги
- отзывы
- ключевых сотрудников
- статьи и многое другое.
1. На главной странице добавьте блок "Карусель", нажав соответствующую кнопку. При необходимости воспользуйтесь поиском по блокам.
2. Для редактирования блока нажмите иконку "шестеренка".3. Добавляйте слайды, изменяйте заголовок блока, цвет.
На вкладке "Дизайн" изменяйте размер слайдов, фон блока, высоту слайдов и другие элементы.
Кнопки управления позволяют настроить внешний вид стрелок слайдера. Доступен выбор из 7 иконок стрелок и 4 вариантов скругления углов кнопки. Для каждого из трех состояний (обычное, при наведении, при нажатии) можно отдельно задать цвет и прозрачность фона кнопки, цвет и прозрачность иконки, а также цвет, прозрачность и толщину рамки. Точки навигации позволяют настроить внешний вид точек-индикаторов под слайдером, доступен выбор из 4 стилей точек. Для активной и неактивной точки можно задать цвет и прозрачность заливки, а также цвет, прозрачность и толщину обводки.
На вкладке "Анимация" вы можете вкл/выкл автоматическую смену слайдов, время их отображения и стиль смены. Стиль анимации позволяет выбрать эффект перехода между слайдами. Ориентация определяет направление движения слайдов: горизонтальное или вертикальное. Скорость анимации задает длительность перехода между слайдами в миллисекундах. Чем больше значение, тем плавнее и медленнее происходит смена слайда. Опция "показывать слайды за пределами блока" позволяет создать эффект полноэкранного движения. При включении слайды в момент перехода выезжают за границы блока и перемещаются на полную ширину/высоту экрана. При выключении слайды остаются в рамках блока.
Обратите внимание, что применение всех изменений происходит по кнопке "Сохранить". На вкладке "Настройки" находится поле для импорта/экспорта кода блока, id блока.
4. Перейдите в редактор самого слайда для его настройки, вы также можете его скопировать или скрыть/показать, удалить.
5. Настраивайте слайд, используя соответствующие функции.
Используйте опцию 2х, если хотите, чтобы картинка выглядёла чётко на мониторах с большим разрешением. Рекомендованный размер картинки в ширину при включённой опции: 1056px, высота любая.
6. Готово!