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

Створюючи простенькі сайти - візитки, часто потрібно було чимось заповнити головну сторінку сайту, для цієї мети ідеально підходив слайдер, так як я займався створенням сайтів на joomla, то і в цій статті я хочу розповісти про те, як встановити слайдер на joomla. Я працював не з одним модулем для цих цілей і в підсумку зупинився на DJ Image Slide. Модуль дозволяє створити простий слайдер, який можна пристосувати практично для будь-якого сайту, має нормальний функціонал і легкий в управління. Саме про встановлення та налаштування цього модуля я і буду писати далі.

На сторінці, тиснемо «Виберіть файл», вибираємо один з архівів, після чого тиснемо кнопку «Завантажити та встановити», після установки повторюємо те ж саме з другим архівом.

Після встановлення в компонентах ви зможете створити слайдер.

На сторінці, що з'явилася нас цікавить тільки одне поле яке потрібно заповнити, це «Тема», пишемо, що вам хочеться і тиснемо «Зберегти і закрити».

Тепер нам потрібно створити слайди, для цього тиснемо на «New Slide».

У цьому вікні нам вже потрібно заповнити побільше полів.

Заголовок. Цей заголовок уже буде виводитися на нашому слайді, далі буде картинка з тим, де саме він буде.

Slide image. Тут потрібно вибрати картинку для слайда, можна вибрати вже раніше завантажену картинку або завантажити нову натиснувши на «Вибрати» через стандартний «Медіа-менеджер».

Slide description. Цей текст буде виводитися під заголовком слайда, знову ж на зображенні далі буде все видно.

Target Window. Тут вибираємо, при натисканні на посилання, сторінка буде відкриватися в цій вкладці або в новій. Auto і Parent Window - буде відкриватися в цій вкладці, а New Window - буде відкриватися в новій.

З настройками компонента на цьому закінчимо.

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

Розмістити слайдер можна в шаблоні, наприклад, якщо потрібно відображати його під меню сайту, також його можна розташувати в будь-якої потрібної нам статті. Розглянемо обидва варіанти.

Установка слайдера в шаблоні

Для установки слайдера ми будемо використовувати модуль, який встановили раніше. Для цього в адмінці тиснемо «Розширення» => «Менеджер модулів».

Далі тиснемо «Створити».

І в типах вибираємо наш модуль «DJ-ImageSlider».

Як же вибрати цю позицію?

Всі шаблони для joomla розбиті на позиції, що б подивитися яка позиція відображає за потрібну нам частину шаблону, в якій потрібно розмістити слайдер, потрібно в адмінці натиснути «Розширення» => «Менеджер шаблонів».

Далі тиснемо «Налаштування».

Ось ми і бачимо наш шаблон розбитий на позиції, запам'ятовуємо потрібну нам позицію і вибираємо її при установки слайдера.

Установка слайдера до статті

Слайдер до статті встановлюється дуже просто, робимо все теж, що і при установці в шаблон, тільки позицію пишемо довільно, наприклад, rebill. Потім в потрібну статтю в потрібному нам місці прописуємо. Після цього в цьому місці з'явиться наш слайдер.

Тепер розглянемо всі настройки слайдера.

Slider source. Тут вибираємо, звідки брати картинки для слайдера, якщо вибрати «Component» все слайди і їх налаштування будуть братися з компонента. Якщо вибрати «Folder», тоді картинки будуть братися з папки, яку можна вказати в поле «Image Folder».

Slider type. Вибір типу слайдера, вертикальний або горизонтальний.

Link image. Тут вибираємо, що має відбуватися при натискання на картинку, вибравши «Don`t link» - нічого не станеться. Вибравши «Hyperlink», при натисканні на картинку користувача перекине за посиланням, яку можна вказати в поле «Link». Ну а якщо вибрати «Open image in modal», при натисканні буде відкриватися картинка в модальному вікні.

Show title. Відображати заголовок чи ні.

Show description. Відображати опис чи ні.

Show readmore. Відображати текст на повну новину, в поле «Readmore text» вказати будь-який текст.

Link title. Зробити заголовок посиланням.

Link description. Зробити опис посиланням.

Description limit. Можна вказати ліміт на кількість символів для опису, якщо опис буде довшим за вказаний ліміт, воно буде обрізано автоматично.

Slide Width. Ширина слайдера.

Slide Height. Висота слайдера.

Fit a size of image to. Якщо вибрати «Auto», буде взята ширина і висота з полів вище, якщо вибрати ширину або висоту, буде взято одне потрібно поле, а друге буде взято автоматично, зберігши пропорції.

Visible Images. Кількість видимих зображень одночасно.

Space between images. Відступ між слайдами, потрібно якщо в поле вище стоїть більше, ніж один слайд.

Max image. Максимальна кількість зображень в слайдері.

Sort by. Сортувати слайди по імені файлів або випадково.

Description width. Ширина опису.

Description vertical position, Description horizontal position. Установка позиції опису.

Prev Button, Next Button, Play Button, Pause Button. Можна вставити свої зображення для кнопок «Назад», «Вперед», «Плей», «Пауза».

Navigation bar vertical position, Navigation bar horizontal position. Установка позиції бару навігації.

На цьому у мене все. Успіхів!