Як створити галерею зображень на сайті joomla 3 за допомогою компонента simple image gallery pro

Всім привіт! Галерея зображень це ще один дуже важливий елемент сайту, я вже не кажу про проекти, де основним контентом, є зображення. У цій статті я покажу, як зробити галерею зображень на сайті під керуванням joomla 3, за допомогою компонента simple image gallery pro.

Відео: Чудовий галерея зображень для Joomla сайту Simple image gallery

Відразу хочеться сказати що компонент платний, купити його можна на сайті виробника JoomlaWorks. Так само, можете подивитися його DEMO версію, де можна побачити галереї створені за допомогою simple image gallery pro.

Компонент дуже зручний, адаптований під joomla 1.5 2.5 і 3 версії. Працює з популярними розширеннями такими як: K2, Virtuemart і.т.д. Сумісний з популярними редакторами, легкий в налаштуванні і.т.д. Подивитися детальну інформацію, про simple image gallery pro, можна так само на сайті виробника. Від себе скажу, що це один з кращих компонентів, для створення галереї на joomla 3 і більш ранніх версій.

Насамперед необхідно встановити компонент, про те як це зробити, я написав в статті "Установка розширень joomla 3". Далі необхідно його налаштувати.

Налаштування компонента Simple Image Gallery Pro

Після того як ви встановили компонент, зайдіть в нього. Для цього натисніть на кнопку "Компоненти" та у випадаючому списку виберіть Simple Image Gallery Pro.

Далі нам необхідно відкрити настройки компонента, для цього натисніть на значок, що знаходиться в лівому верхньому кутку.

У вікні, необхідно натиснути на шестірню.

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

Root folder for image galleries - директорія (папка), в якій будуть зберігається ваші зображення.
Popup engine for image galleries - цей пункт відповідає за зовнішній вигляд галереї, при перегляді зображень (мається 10 варіантів).
jQuery library handling - бібліотека для роботи з JQuery.
Layout template for image galleries - зовнішній вигляд галерей, є шість варіацій.
Thumbnail viewport width - ширина вікна (зменшеного зображення), в пікселях.
Thumbnail viewport height - висота вікна (зменшеного зображення), в пікселях.
Smart thumbnail resize based on above dimensions - в цьому пункті ви можете вказати, підганяти маленькі зображення під ширину вікна галереї чи ні. "Enabled" - підганяти.
Thumbnail image quality - якість зменшеного зображення. За замовчуванням коштує 80, можна вказати значення від 0 до 100.
Display Mode - "Normal" галерея відображається в звичайному режимі. "Single Thumbnail" відображається одна мініатюра.
Ordering - спосіб показу зображень. Тут можна вказати як будуть показуватися зображення (за алфавітом, випадково і.т.д.)
Default caption (label) handling - тип підпису.
Caption word limit - ліміт символів в описі.
Enable original image download link in the popup - виводити чи ні посилання на скачування зображення.
Load a module position in the popup - додавання модульної позиції.

Додавання галереї до статті

1. Заходимо в папку images, що знаходиться в корені сайту. Створюємо в ній окрему папку і копіюємо туди підготовлені зображення.

2. Відкрийте матеріал, в який хочете вставити галерею.

3. Після того як ви встановили даний компонент, в нижній частині вікна редактора, повинна з`явиться ось така кнопка "simple image gallery pro". Натисніть на неї.

Отже, перед нами відкрилося вікно додавання галереї, в якому виведені всі папки з зображеннями, в тому числі і та яку ми тільки що створили.

Відео: JoomGalery - проста і функціональна галерея для Joomla

4. Зробивши загальні налаштування компонента simple image gallery pro, ми зробили їх за замовчуванням. Так само, є можливість зробити настройки 4 пунктів для окремої галереї (в низу сторінки). Якщо є така необхідність, міняйте. Якщо ні чого не вказувати, то галерея прийме настройки за замовчуванням.