Модуль - слайдер фс + для joomla

Відео: Урок 5. Робимо модуль для Joomla - простий слайдер картинок з посиланням і текстом

На просторах інтернету можна знайти безліч модулів і плагінів для системи управління контентом Joomla майже під будь-яке завдання. Якщо вам необхідно вивести на сторінку сайту контент або зображення, і не просто вивести, а зробити так, щоб вони періодично змінювали один одного з красивими ефектами переходу, вашим вірним помічником стане модуль-слайдер ФС +. Про нього і піде мова в нашій сьогоднішній статті.

завантажити Модуль-слайдер ФС + (36.12 Кбайт) + можна або з нашого сайту. Найсвіжішу версію модуля завжди можна завантажити з сайту розробника: https://fs-p.ru/slide

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

Відео: Компонент слайдера Unite revolution slider (Joomla 2.5)

Насамперед, необхідно встановити модуль ФС + в систему управління Joomla вашого сайту. Для цього досить зайти в панель адміністрування Joomla і в меню «Розширення» вибрати пункт «Встановити / Видалити». У розділі «Завантажити файл пакета» натисніть кнопку «Огляд» і знайдіть на своєму диску zip-архів з модулем, після чого клацніть кнопочку «Завантажити файл і Встановити». Через пару секунд Joomla повідомить вам, що модуль успішно встановлений в систему.

Тепер слід включити і налаштувати модуль в «Менеджері модулів» з меню «Розширення». Знайдіть в списку модулів «Cycle fsp» і клацніть по ньому мишею. В розділах «Подробности» вам належить вказати стандартні настройки модуля: позицію на сторінці, порядок стосовно інших модулів і так далі. Не забудьте зазначити опцію «Так» в поле «Включено», щоб задіяти модуль, дозволивши його відображення на сайті. У розділі «Призначення меню» виберіть меню, в яких буде показаний контент, виведений модулем ФС +.

У розділі «Параметри» знаходяться ключові настройки модуля ФС +. Давайте детально розберемо представлені тут опції.

У полях «Width» і «Height» вказується відповідно ширина і висота модуля (в пікселях) на сторінці сайту.

В поле «Load JQuery» за замовчуванням вибрана опція «Так», що дозволяє модулю використовувати бібліотеку для створення візуальних ефектів переходу між слайдів. Рекомендуємо не зраджувати даний параметр, якщо ви хочете зробити зміну контенту і зображень в модулі більш ефектною і барвистою.

Самі ефекти можна вибрати в списку «Effects». Перелік можливих ефектів, що застосовуються до контенту, вражає. Тут і автоматична прокрутка у всіх напрямках, і загасання, і вільний політ, і плавна зміна зображень. Щоб знайти ефект по душу, в найбільшою мірою відповідає дизайну і призначенням вашого сайту, рекомендую вибирати кожен ефект по черзі.

Опція «Auto play» відповідає за автоматичну зміну контенту і зображень в модулі. За замовчуванням тут обраний пункт «Так». Знаючи, що автоматизація - прекрасна річ, а у випадках з сайтами - ще й дуже ефективна, залишимо її як є.

У полях «Effect speed» і «Timeout» задається час (в мілісекундах) дії ефекту і зміни контенту (зображень) відповідно.

Якщо в опції «Pause onfocus» обраний пункт «Так», це означає, що слайди в модулі не змінюватимуться при наведенні на нього курсора миші.

Опція «Random» відповідає за випадкове відображення контенту в модулі. Виберіть пункт «Так», якщо хочете, щоб статті або зображення показувалися в довільному порядку.

Поля «Module style» і «Button style» призначені для стилізації зовнішнього вигляду модуля і кнопок управління контентом, що дозволяють відвідувачам сайту прокручувати вміст в модулі вручну. В даних полях ви можете прописати необхідні параметри CSS відповідно до загального стилю сайту.

Нарешті, ми підійшли до найважливіших опцій, які в обов`язковому порядку потрібно налаштувати, якщо ви хочете виводити в модулі ФС + змінюють одне одного зображення. В поле «Image Type» виберіть формат картинок, які будуть виводитися в модулі. За замовчуванням це зображення JPG. Також допускається використовувати формати PNG і GIF. В поле «Image Folder» варто вказати шлях до папки з зображеннями на вашому сайті. В поле «Image style» ви можете прописати стилі CSS для виведених зображень.

Якщо замість зображень модуль ФС + виводитиме текстовий контент (статті), то поле «Image Folder» має залишатися порожнім. Звідки брати контент, модуль дізнається з наступних опцій: «Section ID» і «Category ID». Перша опція - ідентифікатор розділу, друга - ID категорії.

Природно, у вас може виникнути питання: «де ж взяти ці ID?». Все дуже просто. В панелі адміністрування Joomla в меню "Матеріали" виберіть пункт «Менеджер розділів». Знайдіть у списку розділ, статті з якого будуть відображатися в модулі, і в стовпці «ID» ви зможете дізнатися його ідентифікатор.

Тепер знайдемо ідентифікатор категорії даного розділу, статті з якої будуть відображатися в модулі ФС +. І тому також відкриваємо меню «Матеріали» і вибираємо в ньому пункт «Менеджер категорій». Знайшовши в списку потрібну категорію, переводимо погляд на стовпець «ID", де вказано ідентифікатор категорії. Він буде відрізнятися від ідентифікатора розділу.

Відео: Модуль Bt Content Slider для Joomla 3

Після того, як ви вказали ID розділу і категорії у відповідних полях модуля ФС +, залишилося визначити кількість статей обраної категорії, яке буде показано в модулі. Для цього вкажіть число статей в поле «Count».

Якщо статті великі за обсягом, має сенс вставити в них роздільник «Детальніше», а в поле «Text readon» вказати назву посилання, по якій відвідувачі сайту зможуть перейти для перегляду повного змісту статті. Наприклад, «більше» або «читати далі».

Нарешті, в полях «Title style» і «Content style» ви можете визначити стилі CSS для заголовка і змісту контенту, відображуваного в модулі ФС +.

Після завершення налаштування, натисніть кнопочку «Зберегти». Тепер можна зайти на свій сайт і подивитися, як працює модуль-слайдер ФС +.

Спеціально для проекту Ячайнік, Олена Карлтон