Добавление слайдера

Для того, чтобы создать новый слайдер в СMS Web-canape 3.Х необходимо сделать следующее:

  1. В блоке «Навигация» выбрать пункт «Панель управления».
  2. В разделе «Контент»  выбрать пункт «Слайдер».
  3. В центральном блоке нажать «Добавить баннер».

Рисунок 1. Добавление слайдера.

  1. В открывшемся окне заполнить следующие поля:
  • «Название баннера» - ввести название слайдера;
  • «Разделы для показа» - выбрать из выпадающего списка раздел, в котором будет отображаться слайдер;
  • «Показывать на внутренних страницах» - установить данную галочку, если необходимо, чтобы слайдер отображался в подразделах выбранного раздела для показа;
  • «Показывать буллет» - установить данную галочку для отображения буллетов в слайдере;
  • «Показывать прокрутку вперед/назад» - установить данную галочку для отображения прокрутки слайдов вперед/назад;
  • «Активность» - галочка установлена по умолчанию. При необходимости ее можно снять, чтобы скрыть слайдер на сайте.
  1. Нажмите кнопку «Сохранить».

Рисунок 2. Основные настройки слайдера.

Настройки баннера

Для того, чтобы после создания слайдера изменить его название, разделы для показа или установить галочки «Показывать буллет», «Показывать прокрутку вперед/назад», «Активность», необходимо:

  1. В блоке «Навигация» выбрать пункт «Панель управления».
  2. В разделе «Контент»  выбрать пункт «Слайдер».
  3. Двойным щелчком мыши выбрать  баннер, для которого необходимо внести изменения или напротив нужного баннера нажать «Редактировать» .
  4. В центральном блоке нажать кнопку «Настройки баннера».

Рисунок 3. Настройка баннера.

  1. В открывшемся окне внести необходимые изменения и нажать кнопку «Сохранить».

Добавление слайдов

После создания слайдера, необходимо добавить в него слайды.

Для этого выполните следующие действия:

  1. В блоке «Навигация» выберите пункт «Панель управления».
  2. В разделе «Контент»  выберите пункт «Слайдер».
  3. В центральном блоке выберите из списка нужный слайдер, дважды кликнув по нему мышкой или нажав кнопку «Редактировать».

Рисунок 4. Редактирование слайдера.

  1. В открывшемся окне нажмите «Добавить слайд».

Рисунок 5. Добавление слайда.

  1. Откроется страница редактирования слайда.

Рисунок 6. Страница редактирования слайда.

  1. Для загрузки изображения нажмите «Загрузить фон».
  2. В открывшемся окне выберите нужное изображение и кликните по кнопке «Открыть».
  3. После загрузки файла снова откроется настройка слайда.
  4. Нажмите кнопку «Сохранить».

Рисунок 7. Сохранение слайда.

Редактирование слайда

  1. После загрузки слайда можно добавить для него надписи, ссылки или дополнительные изображения через всплывающий WYSIWYG-редактор (подробнее о работе с редактором), который отображается, если установить курсор в один из текстовых блоков слайда. Всего таких 4 текстовых блока.

Рисунок 8. Всплывающий WYSIWYG-редактор для слайда.

  1. После сохранения слайда на странице его редактирования, в левой части появится пункт «Тексты», в котором можно отредактировать добавленные через всплывающий WYSIWYG-редактор тексты или изображения.

Рисунок 9. «Тексты» для слайда.

  1. Также на слайд можно установить ссылку в одноименном поле. В этом случае по клику на слайд на сайте будет открываться нужная страница. Ссылку можно установить как внешнюю (на другой ресурс), так и внутреннюю (на один из разделов сайта). Чтобы установить внутреннюю ссылку, введите в поле «Ссылка» в квадратных скобках идентификатор раздела, на который должен ссылаться слайд.

Рисунок 10. Установка ссылки на слайд.

Настройка показа слайдов

Для настройки показа слайдов, выполните следующие действия.

  1. В блоке «Навигация» выберите пункт «Панель управления».
  2. В разделе «Контент»  выберите пункт «Слайдер».
  3. В центральном блоке нажать «Настройки показа».
  4. В открывшемся окне заполнить следующие поля:
  • «Тип анимации» - выбрать из выпадающего списка, по какому типу на сайте будут меняться слайды.
  • «Время задержки между слайдами, мс» - ввести времязадержки между слайдами, по умолчанию стоит 4000мс.
  • «Время анимации смены слайда, мс» - ввести время, через которое будет происходить смена слайдов, по умолчанию стоит 1450мс.
  • «Останавливать автоматическую смену слайдов при наведении курсова» -  галочка установлена по умолчанию. При необходимости ее можно снять, чтобы смена слайдов происходила без каких-либо пауз.
  • «Автостарт» - галочка установлена по умолчанию, анимация слайдера включается автоматически. Если ее снять, то автоматическая анимация отключиться.
  • «Зациклить» - галочка установлена по умолчанию, анимация слайдера идет по кругу, если ее снять, то анимация пройдет только 1 круг.
  • «Высота баннера» - по умолчанию стоит 330, но пожелания можно изменить высоту баннера на сайте.
  • «Адаптивность» - при включении данного параметра слайды становятся адаптивными. При заливке слайдера, если он больше чем размеры области его показа (минимальная ширина сайта и высота), то он тогда ресайзится под размер данной области. При больших размерах сайта (например ширина сайта 1920) и когда изображение слайда такого же размера, слайдер при изменении разрешения сайта адаптируется, т.е. красиво масштабируется. Масштабирование работает до ширины равной 980.
  1. Нажмите кнопку «Сохранить».

Рисунок 11. Настройки показа слайдов.

Документация

© «Копирайт», 2017

Web-canape - быстрое создание сайтов и продвижение