[Domkrat]

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

Этот компонент работает на joomla 2.5 и на 3.х, так как мне больше импонирует версия 2.5, да и народу ей пользуется больше, рассмотрим установку модуля для этой версии. Сам модуль можно скачать по этой ссылке, там же можно посмотреть и демо. Для скачивания нужна регистрация, но кто уже качал с этого сайта, например virtuemart уже имеют аккаунт. После того как скачали, нужно разархивировать архив и в нем будем еще два архива, их оставляем так как они есть. Это компонент и модуль, оба их нужно установить. Для этого идем в админку сайта, жмем «Расширения» => «Менеджер расширений».

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

Создание слайдера

После установке в компонентах вы сможете создать слайдер.

Для начала нужно создать категорию. Для этого жмем «New Category».

На появившейся странице нас интересует только одно поле которое нужно заполнить, это «Заголовок», пишем, что вам хочется и жмем «Сохранить и закрыть».

Теперь нам нужно создать слайды, для этого жмем на «New Slide».

В этом окне нам уже нужно заполнить побольше полей.

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

Категория. Здесь выбираем созданную нами ранее категорию.

Slide image. Здесь нужно выбрать картинку для слайда, можно выбрать уже ранее загруженную картинку или загрузить новую нажав на «Выбрать» через стандартный «Медиа-менеджер».

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

Состояние. Здесь выбираем, будет опубликован слайдер или нет.

Start Publishing и Finish Publishing. Здесь можно установить дату и время начала показа слайдера и конец.
Link type. Здесь мы можем указать куда будет ссылаться наш слайдер при нажатии на заголовок. Если выбрать «Don`t link» тогда слайдер никуда не будет ссылаться. Если выберите «Menu item», тогда слайдер будет ссылаться на определенную вкладку из меню, ее нужно выбрать, ниже в поле «Menu item». Выбрав «Адрес URL», можно указать свою ссылку, на которую нужно ссылаться, это можно сделать в поле «Адрес URL». А если выбрать «Article» при нажатии на заголовок будет осуществляться переход на выбранную нами статью в поле «Article».

Target Window. Здесь выбираем, при нажатии на ссылку, страница будет открываться в этой вкладке или в новой. Auto и Parent Window – будет открываться в этой вкладке, а New Window – будет открываться в новой.

С настройками компонента на этом закончим.

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

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

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

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

Далее жмем «Создать».

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

На открывшейся странице указываем произвольный заголовок, далее указываем, что его не нужно отображать, ведь нам не нужно что бы над нашим слайдером еще был заголовок. Далее выбираем позицию на которой будет отображаться слайдер, про эти позиции я напишу далее более подробно. Естественно состояние ставим «Опубликовано». Далее можно сделать ограничение, что бы слайдер отображался только для зарегистрированных или только для админов, можно выбрать дату и время когда начнется отображение слайдер и когда оно закончится. Также можно выбрать на каких страницах будет отображаться слайдер.

Как же выбрать эту позицию ?

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

Далее жмем «Настройки».

В появившемся окне включаем просмотр позиций модулей.

Далее возвращаемся в менеджер шаблонов и в списке шаблонов, возле нужного нажимаем на «Предварительный просмотр».

Вот мы и видим наш шаблон разбитый на позиции, запоминаем нужную нам позицию и выбираем ее при установки слайдера.

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

Слайдер в статью устанавливается очень просто, делаем все тоже, что и при установке в шаблон, только позицию пишем произвольно, например, rebill. Потом в нужную статью в нужном нам месте прописываем {loadposition rebill}. После этого в этом месте появится наш слайдер.

Настройки модуля

Теперь рассмотрим все настройки слайдера.

Основные параметры

Slider source. Здесь выбираем, откуда брать картинки для слайдера, если выбрать «Component» все слайды и их настройки будут браться из компонента. Если выбрать «Folder», тогда картинки будут браться из папки, которую можно указать в поле «Image Folder».

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

Link image. Здесь выбираем, что должно происходить при нажатие на картинку, выбрав «Don`t link» - ничего не произойдет. Выбрав «Hyperlink», при нажатии на картинку пользователя перекинет по ссылке, которую можно указать в поле «Link». Ну а если выбрать «Open image in modal», при нажатии будет открываться картинка в модальном окне.

Slides category. Выбираем категорию, которую создавали при создание слайдера.

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. Установка позиции бара навигации.

На этом у меня все. Удачи!