Wedal Joomla Slider 2 - бесплатный универсальный слайдер для Joomla

Друзья, спустя продолжительное время, рад представить вашему вниманию новую версию бесплатного модуля слайдера для Joomla – Wedal Joomla Slider 2.

К первой версии текущий модуль не имеет практически никакого отношения. Он был рожден в горне бесконечных клиентских проектов, которые почти всегда требуют слайдеры.

Wedal Joomla Slider 2 закален максимально. Он даст вам очень широкие возможности по созданию слайдов для сайта. И, как всегда, модуль доступен бесплатно и имеет полностью открытый исходный код.

В этой статье вас ждет подробное описание возможностей модуля, примеры, а также ссылка на скачивание.

Новые возможности Wedal Joomla Slider 2

В основе нового модуля лежит скрипт Slick slider. Теперь слайдер может очень много. Очень. Перечислю только основные особенности.

Слайды разных типов

Главная особенность Wedal Joomla Slider 2 – поддержка неограниченного количества слайдов разных типов. Возможно, вы не встречали такое раньше, но уверен, что вам понравится.

Доступные типы слайдов:

  • Изображение (с возможностью выбора из галереи Joomla и там же загрузки с компьютера)
  • HTML-код (да, слайдом может быть любой html-код, который вы сможете добавлять через редактор).
  • Видео Youtube (создать слайдер с видео просто как никогда)

Что нам дают эти типы? На самом деле очень много. Вы можете создавать слайдер не только с изображениями, но и с видео и, главное, с любым html-контентом. Хотите слайдер с отзывами – пожалуйста:

Слайдер с отзывами

А вот пример слайдера с видео:

Слайдер с видео

Кроме того, вы можете комбинировать слайды разных типов в одном слайдере!

Слайды разных типов в одном слайдере

Слайды с разным поведением при клике

Для каждого типа слайда есть три вида поведения:

  • Просто слайд
  • Переход по ссылке при клике по слайду (уникальная ссылка может быть задана для каждого отдельного слайда)
  • Открытие во всплывающем окне (включает возможность карусели изображений)

Особую прелесть дает последний вид поведения – открытие во всплывающем окне. Вы можете просматривать содержимое слайдера в виде слайд-шоу, развернутого во весь экран! При этом во всплывающем окне можно смотреть не только изображения, но и видео и html-контент. Последний может быть задан отличным, от html-контента самого слайда и устанавливается для каждого слайда отдельно! (это, в купе с другой особенностью, которая будет описана в следующем пункте, дает возможность легко конструировать модальные окна под многие задачи)

Возможность использовать модуль без слайдера, в виде списка элементов с кнопкой Подробнее или без нее

Не всегда нам нужен именно слайдер, но очень часто может потребоваться список изображений или других элементов. На сайтах обычно огромное количество блоков требуют такой формат. Например, вот такой:

Возможность использовать модуль без слайдера

Wedal Joomla Slider 2 позволяет отключать скрипт слайдера, оставляя только список элементов. Для такого списка может быть задано изначально видимое количество, а остальные скрываются под кнопкой «Подробнее», которая будет их показывать и скрывать обратно.

Теперь помножьте эту функцию на возможность создавать галереи во всплывающем окне. Да, с помощью данного модуля вы можете создавать и галереи изображений!

Но и это еще не всё =)

Возможность использовать слайдер с разделением на категории

В Wedal Joomla Slider 2 внедрена система, позволяющая ему взаимодействовать со стандартным компонентом тегов Joomla. Вы можете создать в Joomla теги, а затем задавать каждому слайду нужный тег. После этого слайды на сайте будут иметь разбиение по тегам:

Возможность использовать слайдер с разделением на категории

При выборе другого тега новые слайды будут подгружаться по AJAX. Таким образом, вы можете иметь десятки слайдов в одном слайдере, которые не будут замедлять страницу!

При выборе разбиения на категории вы можете создать и галереи изображений и видео с вкладками, которые будут работать как слайд-шоу во всплывающем окне!

И это делает всего один модуль!

Заголовок и описание для каждого слайда

Вы можете задавать уникальные заголовки и описания для каждого слайда. А можете не задавать.

Выбор количества слайдов на одну прокрутку и количество прокручиваемых слайдов

Вы можете задать любое количество видимых слайдов и любой сдвиг при прокрутке. Это значит, что у вас может, например, быть:

  • Отображение и прокрутка одного слайда, как в классическом слайдере
  • Отображение трех слайдов и прокрутка по одному следующему (первый ушел, последний пришел)
  • Отображение трех слайдеров и прокрутка по три слайда (сменяются сразу три слайда)

Также возможны любые другие вариации

6

Три слайда в одном

Автозапуск и управляющие элементы

В настройках модуля вы можете активировать автозапуск слайдера, включать или отключать стрелки переключения слайдов и точки количества слайдов. Банально, но важно.

Тексты ДО и ПОСЛЕ слайдера

В настройках вы можете задать html-код до и после слайдера с помощью редактора. Это может быть очень полезно, когда перед или после слайдера требуется вписать какой-то текст или html-элемент.

Отложенная загрузка слайдов

Слайды могут загружаться не сразу со страницей, а, например, при пролистывании. Есть два типа отложенной загрузки. Таким образом слайдер даже с десятком слайдов практически не будет замедлять страницу.

Центрирование активного слайда

Здесь проще показать, чем описывать:

Центрирование активного слайда

Возможность переключения слайдов затуханием

Слайды могут не прокручиваться, а использовать эффект Fade. Иногда он гораздо приятнее.

Адаптивная ширина и высота

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

Изменение параметров слайдера в зависимости от разрешения экрана

Да, он может даже такое! Вы можете показывать, например, по три слайда за раз на больших экранах, по два на планшетах и по одному на телефонах. Можете изменять практически все настройки оформления слайдера под любые разрешения!

Здесь следует отметить, что придется ознакомиться с настройками Slick и задать требуемые в специальном поле дополнительных настроек в модуле. Это чуть сложнее, чем нажимать кнопки, но дает безумную гибкость.  

Возможности по переопределению и кастомизации

В этот раз старина Wedal не оплошал. В Wedal Joomla Slider 2 переопределяется практически всё:

  • Макет слайдера
  • Макет слайдера с вкладками
  • Макет каждого типа слайдов
  • Файлы стилей и скриптов

Кроме того, в настройках модуля слайдера вы можете отключить все лишние скрипты и стили, если их использование не требуется (например, вы используете модуль в формате галереи и скрипт Slick вам не нужен).

С помощью альтернативных макетов и суффиксов класса модуля вы можете создать любое оформление модуля, совершенно любое!

Использование нескольких слайдеров на одной странице

О да, ребята! Это тоже работает! Вы можете вывести на одной странице хоть десять экземпляров модуля с разными настройками и контентом и весь этот оркестр будет прекрасно работать, используя только одну копию файлов скриптов и стилей!

Понимаю, что звучит невероятно, но это так. На одном этом модуле вы можете собрать целый лэндинг. Просто взгляните на изображение ниже. Вся эта страница построена на одном единственном модуле!

Использование нескольких слайдеров на одной странице

Поддержка версий Joomla

Модуль тестировался на Joomla 3.10 и Joomla 4.1. Для более ранних версий этих веток поддержка не осуществляется, но вполне вероятно, что всё будет работать.

Как скачать/установить/обновить

Внимание! Если вы использовали у себя на сайте старый модуль Wedal Joomla Slider 1, то при установке Wedal Joomla Slider 2 его файлы будут замещены. Настройки старого и нового модуля слайдера, как и сами слайдеры, несовместимы. Старые настройки будут утеряны. Перед установкой убедитесь, что все наборы слайдов из старого слайдера сохранены, если это необходимо.

Wedal Joomla Slider 2 теперь имеет свой репозиторий на Github. Вы можете скачивать оттуда новые версии, задавать вопросы, предлагать улучшения.

Самая свежая версия всегда доступна по этой ссылке:

Скачать Wedal Joomla Slider 2

Описание всех релизов и изменений в них вы всегда можете посмотреть здесь или в это статье, в самом конце.

Обновления на уже установленные слайдеры будут приходить автоматически в админку вашего сайта при их появлении.

Еще раз напишу, что слайдер имеет открытый исходный код и распространяется бесплатно. Это мой подарок сообществу Joomla.

Поддержка оказывается в комментариях к этой статье и на форуме. Поскольку расширение распространяется бесплатно, гарантий никаких дать не могу, но всегда стараюсь помогать пользователям на сайте и на форуме.

Также вы всегда можете обратиться ко мне напрямую за дополнительными платными доработками или оформлением слайдера.

На этом всё. Наслаждайтесь! =)

Обновления

2.0.1

  • Английская локализация
  • Исправления в языковых константах
  • Добавлено предупреждение об отсутствии слайдов
  • Исправлены Warning'и.

2.0.2

  • Исправление ошибки подбора слайдов для вкладок
  • Добавлен сервер обновлений
Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

Другие статьи серии

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Комментарии  

0 # Guest 20.07.2022 09:23
Демо бы посмотреть
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 21.07.2022 07:12
Демо пока только локальное. Постараюсь создать демо-сайт в ближайшее время.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 24.07.2022 14:18
Wedal, добрый день.
После установки (Joomla 4/1) появилась ошибка Warning: get_object_vars() expects parameter 1 to be object, array given in
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 25.07.2022 05:35
Хуш, напишите, пожалуйста, файл и строку, где появляется предупреждение. Также уточните, добавлены ли слайды в данном экземпляре модуля, у него в настройках, в админке. Я не наблюдаю такое предупреждение у себя на тестовом сайте даже с включенным отображением ошибок. В целом, если вы отключите отображение ошибок в общих настройках Joomla, то это предупреждение исчезнет. Проблем с работой модуля оно не создает. Но предлагаю разобраться, чтобы я мог устранить его и в коде.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 25.07.2022 06:17
Доброе утро! Слайды не добавлял - после установки увидел это и решил сразу написать. Вот строка и файл:
Warning: get_object_vars() expects parameter 1 to be object, array given in /home/bikozkokoz/domains/aquameditation.ru/public_html/modules/mod_wedal_joomla_slider/helper.php on line 45
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 26.07.2022 09:15
Хуш, исправлено в версии 2.0.1.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 26.07.2022 21:06
Спасибо!
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 25.07.2022 06:23
Добавил слайды - появилось вот это:
Notice: Undefined variable: readmore in /home/bikozkokoz/domains/aquameditation.ru/public_html/modules/mod_wedal_joomla_slider/tmpl/default.php on line 38
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 26.07.2022 09:16
Хуш, исправлено в версии 2.0.1.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 25.07.2022 06:36
Еще заметил такой момент:
Когда Центрировать активный слайд и Переключать слайды затуханием(Fade) активны, в слайдере отображается только один слайд. Когда Переключать слайды затуханием(Fade) неактивно, все ок
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 26.07.2022 09:17
Хуш, Fade несовместим с центрированием. Я скрою одну опцию в зависимости от другой.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 24.07.2022 14:24
Также попробовал на J 3.9.10
Резльтат на скрине
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 25.07.2022 05:39
Хуш, это происходит, т.к. языковой файл модуля не подключился. В J4 языковые файлы имеют немного другое именование. Я проверяю в Joomla 3.10 и там это новое именование работает корректно. В Joomla 3.9, возможно, оно не работает и поэтому языковой файл не находится. Но это пока только догадки. Если у вас есть возможность проверить на Joomla 3.10, то сразу станет понятно, так это или нет. Я, в свою очередь, постараюсь проверить на 3.9.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 29.07.2022 09:46
Хуш, выяснилось, что если у вас ранее уже был установлен старый слайдер, то его языковые файлы (которые имеют название с префиксом, например, ru-ru.wedal_joomla_slider.ini), становятся приоритетнее новых файлов (которые без префикса). Вам нужно вручную удалить старые языковые файлы (которые с префиксом) и всё заработает.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 29.07.2022 09:56
Цитирую Wedal:
Хуш, выяснилось, что если у вас ранее уже был установлен старый слайдер, то его языковые файлы (которые имеют название с префиксом, например, ru-ru.wedal_joomla_slider.ini), становятся приоритетнее новых файлов (которые без префикса). Вам нужно вручную удалить старые языковые файлы (которые с префиксом) и всё заработает.

Wedal, да вроде предылущую версию не устанавливал (хотя может быть когда-то давно). В любом случае - спасибо за ответ!
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.08.2022 05:54
Хуш, проверить легко: посмотрите, есть ли в папке /language/ru-RU файл ru-RU.mod_wedal_joomla_slider.ini. Если да, то у вас была установлена старая версия слайдера. Этот файл нужно удалить. Дальше всё заработает.
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 25.07.2022 15:28
Wedal, добрый вечер.
"Да, он может даже такое! Вы можете показывать, например, по три слайда за раз на больших экранах, по два на планшетах и по одному на телефонах. Можете изменять практически все настройки оформления слайдера под любые разрешения!" - не увидел этих настроек
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 26.07.2022 09:19
Хуш, для этого нужно использовать поле Дополнительные парамеры для инициализации слайдера. В нем вы должны задать параметры для разных разрешений. Вот пример:
Код:
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}


Изменены могут быть любые настройки, описанные здесь:
https://kenwheeler.github.io/slick/
Ответить | Ответить с цитатой | Цитировать
0 # Хуш 26.07.2022 21:09
Понял, спасибо!
Скажите, а может реализовать это привычными средствами? Задача-то вполне типовая. (Видел в некоторых слайдерах - три выпадающих списка с количеством слайдов для desktop, tablet, phone)
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 27.07.2022 06:39
Хуш, я думал о том, как создать интерфейс настроек для мобильных. Ничего хорошего из этого не получится по двум причинам:

1) Для разных дизайнов могут быть разные точки переключения формата слайдера. Есть, конечно, более-менее универсальные разрешения, на которых идет переключение, но не всегда применяются именно они. Далеко не всегда.

2) Под каждое разрешение сейчас мы можем менять хоть все настройки слайдера. Как это реализовать через интерфейс? Увеличить его в 3-4 раза? Не вижу в этом смысла.

Текущий вариант с вводом настроек адаптивов может показаться сложнее, но на самом деле он гораздо универсальнее любого интерфейса.
Ответить | Ответить с цитатой | Цитировать
-1 # Хуш 27.07.2022 07:39
Wedal, аргументы понятны) Спасибо еще раз за ваш труд - модуль получился универсальный и легкий. А это в категрии FREE в принципе не встречается.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 29.07.2022 10:59
Спасибо за модуль, очень его ждал. Хотя можно было и предупредить, что встанет взамен предыдущего и вся вёрстка поплывёт и предыдущие галереи накроются...
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.08.2022 06:01
Александр, вы правы. Добавил предупреждение в текст статьи. Старый и новый слайдеры несовместимы и не могут использоваться на сайте одновременно, поскольку устанавливаются в одну папку и перезаписывают файлы друг друга. Новый слайдер гораздо лучше старого. Про старый можно забыть.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 29.07.2022 15:27
При установке поверх предыдущего слайдера не перезаписывает языковые переменные в папке language/ru-RU
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.08.2022 06:02
Александр, в J4 изменилось именование языковых файлов, но при этот сохранилось обращение и к старому именованию. Уже отвечал на этот вопрос выше:
https://wedal.ru/rasshireniya-joomla/wedal-joomla-slider-2-besplatnyj-universalnyj-slajder-dlya-joomla.html#comment-12303

Удалите старый языковой файл вручную и проблема исчезнет.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 01.08.2022 08:24
Ок. Сделал. Работает. Спасибо!
Ответить | Ответить с цитатой | Цитировать
0 # Александр 29.07.2022 15:52
И ещё, невозможно отключить показ Заголовка и Текста слайда (((
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.08.2022 06:03
Александр, а зачем их отключать? Можно ведь просто не заполнять поля заголовка и текста, если они не нужны вам.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 01.08.2022 08:25
Если не заполнять, то не индексируются картинки поисковыми системами.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 04.08.2022 10:16
Александр, да, верно. Но есть но. Там же слайды подгружаются через AJAX по умолчанию, не уверен, что оно будет индексироваться в принципе в таком варианте.

Решение для этого вопроса: переопределить макет /tmpl/default_image.php в шаблон и в нем отключить вывод заголовков.
Другой вариант - просто скрыть заголовки через CSS.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 09.08.2022 08:16
Получил санкции Яндекса МПК (Малополезный контент, спам, избыток рекламы), я так понимаю за большое количество картинок без подписи. Так что заполнять поля заголовка и текста нужно! Не повторяйте ошибок! )))

з.ы. не смог создать переопределение для css (не подхватывает его из шаблона), только для макета /tmpl/default_image.php получилось...
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 10.08.2022 08:16
Александр, ну уж фильтр от Яндекса вам бы не дали за картинки без ALT. Возможно контент действительно малополезный, или скопированный с другого сайта, либо рерайт.

Насчет переопределения CSS проверил - всё работает.

Для старых шаблонов файл должен находится (Joomla 3):
/templates/ваш_шаблон/css/mod_wedal_joomla_slider/mod_wedal_joomla_slider.css

Для шаблонов, поддерживающих дочерние шаблоны (Joomla 4) файл должен находится:
/media/templates/site/ваш_шаблон/css/mod_wedal_joomla_slider/mod_wedal_joomla_slider.css
Ответить | Ответить с цитатой | Цитировать
0 # Александр 01.08.2022 08:35
Ещё в порядке пожеланий, можно ли сделать показ управляющих элементов-стрелочек по наведению мыши на изображение? Как в Яндекс.Дзене. Было бы вообще шикарно! Ещё раз спасибо за модуль!
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 04.08.2022 10:18
Александр, это вопрос только CSS. Можете переопределить файл стилей слайдера в шаблон и подправить CSS таким образом. Еще хочу сказать, что через поле Дополнительные парамеры для инициализации слайдера вы можете установить привязку управляющих слайдером элементов к любому блоку.
Ответить | Ответить с цитатой | Цитировать
0 # Леонид 09.09.2022 05:57
Пробую J4. Поставил слайдер. Картинки не показываются, только серые квадратики. На странице два слайдера, в первом 3 картинки, но он не работает, как второй. Во втором 4 картинки. Он даже работает, но фото нет. Наверное несовместимость какая-то.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 09.09.2022 06:22
Леонид, посмотрел ваш сайт. В консоли вижу, что идут ошибки об отсутствии изображений по указанным адресам. Попробовал открыть изображение напрямую - не открывается. Т.е. скорее всего в настройках модуля установлены пути к картинкам которых не существует на сервере. Вы можете сами увидеть ошибки, открыв вкладку Консоль в веб-инспекторе браузера (обычно открывается клавишей F12).
Ответить | Ответить с цитатой | Цитировать
0 # Леонид 10.09.2022 06:20
Спасибо за ответ. Причину нашел. Сайт был установлен не в корне домена. Перенес в папку домена и все заработало.
Ответить | Ответить с цитатой | Цитировать