Завантажити модуль можете з офіційного сайту розробника. Після встановіть цей модуль через менеджер розширень.
Приступимо до налаштування модуля. Після включення пройдіть в розділ «разширения -> Менеджер модулів» де повинен з'явитися модуль каруселі зображень ARI Cloud Carousel. За замовчуванням він вимкнений, увімкніть його і пройдіть до його налаштувань кликнув по ньому.
Я не буду розповідати вам для чого призначений кожен пункт налаштувань, ми з вами створимо слайдер використовуючи лише деякі з них, я вважаю що цього буде достатньо щоб після уроку ви змогли самостійно розібратися з усім.
- Назва. Давайте назвемо модуль «Карусель».
- Показати заголовок. Приховати.
- Вибір позиції. Звичне місце для каруселей подібного типу це шапка сайту, тому по можливості виберіть позицію у верхній частині шаблону.
Не забудьте прив'язати модуль до всіх сторінок вашого сайту в блоці «Прив'язка до пунктів меню».
Тепер перейдемо до основних параметрів модуля.
Блок налаштувань «Styles parameters».
Тут нам потрібно задати висоту і ширину нашої каруселі.
Блок налаштувань «Carousel parameters (параметри каруселі)»
- Reflection height. У цьому полі можна задати висоту або прибрати ефект відображення слайда знизу, для цього просто вкажіть в цьому полі значення 0.
- Auto rotate. Якщо встановити значення цього поля left або right то карусель буде обертатися автоматично вліво або вправо. Обертання припиняється. коли відвідувач сайту наводить курсор мишки на карусель і поновлюється курсор переміщається на інші області на сайті.
- Mouse wheel support. Обертання каруселі за допомогою коліщатка мишки
- Reverse mouse wheel. Цей параметр дозволяє змістити напрямок обертання каруселі з допомогою миші в зворотну сторону.
- Show navigation. Тут нам потрібно вибрати показувати кнопки навігації чи ні, я їх відключив, так як вони не завжди доречні.
Блок налаштувань «Slides parameters (параметри слайдів)».
- Image path. У цій текстовій області вам потрібно вказати відносні шляхи до папки з зображеннями або ж до самих зображень які ви хочете вивести в карусель, кожне нове значення потрібно вводити з нового рядка.
- Thumbnail width. Ширина мініатюри 200
- Thumbnail height. Висота мініатюри 250
Ну ось і все, карусель зображень готова. На цьому прикладі ви переконалися що в Joomla можна красиво оформити свій сайт абсолютно не володіючи мовами програмування.