Друзья, спустя продолжительное время, рад представить вашему вниманию новую версию бесплатного модуля слайдера для Joomla – Wedal Joomla Slider 2.
К первой версии текущий модуль не имеет практически никакого отношения. Он был рожден в горне бесконечных клиентских проектов, которые почти всегда требуют слайдеры.
Wedal Joomla Slider 2 закален максимально. Он даст вам очень широкие возможности по созданию слайдов для сайта. И, как всегда, модуль доступен бесплатно и имеет полностью открытый исходный код.
В этой статье вас ждет подробное описание возможностей модуля, примеры, а также ссылка на скачивание.
Содержание
- Новые возможности Wedal Joomla Slider 2
- Слайды разных типов
- Слайды с разным поведением при клике
- Возможность использовать модуль без слайдера, в виде списка элементов с кнопкой Подробнее или без нее
- Возможность использовать слайдер с разделением на категории
- Заголовок и описание для каждого слайда
- Выбор количества слайдов на одну прокрутку и количество прокручиваемых слайдов
- Автозапуск и управляющие элементы
- Тексты ДО и ПОСЛЕ слайдера
- Отложенная загрузка слайдов
- Центрирование активного слайда
- Возможность переключения слайдов затуханием
- Адаптивная ширина и высота
- Изменение параметров слайдера в зависимости от разрешения экрана
- Возможности по переопределению и кастомизации
- Использование нескольких слайдеров на одной странице
- Поддержка версий Joomla
- Как скачать/установить/обновить
- Обновления
Новые возможности 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. Таким образом, вы можете иметь десятки слайдов в одном слайдере, которые не будут замедлять страницу!
При выборе разбиения на категории вы можете создать и галереи изображений и видео с вкладками, которые будут работать как слайд-шоу во всплывающем окне!
И это делает всего один модуль!
Заголовок и описание для каждого слайда
Вы можете задавать уникальные заголовки и описания для каждого слайда. А можете не задавать.
Выбор количества слайдов на одну прокрутку и количество прокручиваемых слайдов
Вы можете задать любое количество видимых слайдов и любой сдвиг при прокрутке. Это значит, что у вас может, например, быть:
- Отображение и прокрутка одного слайда, как в классическом слайдере
- Отображение трех слайдов и прокрутка по одному следующему (первый ушел, последний пришел)
- Отображение трех слайдеров и прокрутка по три слайда (сменяются сразу три слайда)
Также возможны любые другие вариации
Автозапуск и управляющие элементы
В настройках модуля вы можете активировать автозапуск слайдера, включать или отключать стрелки переключения слайдов и точки количества слайдов. Банально, но важно.
Тексты ДО и ПОСЛЕ слайдера
В настройках вы можете задать 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. Вы можете скачивать оттуда новые версии, задавать вопросы, предлагать улучшения.
Самая свежая версия всегда доступна по этой ссылке:
Описание всех релизов и изменений в них вы всегда можете посмотреть здесь или в это статье, в самом конце.
Обновления на уже установленные слайдеры будут приходить автоматически в админку вашего сайта при их появлении.
Еще раз напишу, что слайдер имеет открытый исходный код и распространяется бесплатно. Это мой подарок сообществу Joomla.
Поддержка оказывается в комментариях к этой статье и на форуме. Поскольку расширение распространяется бесплатно, гарантий никаких дать не могу, но всегда стараюсь помогать пользователям на сайте и на форуме.
Также вы всегда можете обратиться ко мне напрямую за дополнительными платными доработками или оформлением слайдера.
На этом всё. Наслаждайтесь! =)
Обновления
2.0.1
- Английская локализация
- Исправления в языковых константах
- Добавлено предупреждение об отсутствии слайдов
- Исправлены Warning'и.
2.0.2
- Исправление ошибки подбора слайдов для вкладок
- Добавлен сервер обновлений
После установки (Joomla 4/1) появилась ошибка Warning: get_object_vars() expects parameter 1 to be object, array given in
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
Notice: Undefined variable: readmore in /home/bikozkokoz/domains/aquameditation.ru/public_html/modules/mod_wedal_joomla_slider/tmpl/default.php on line 38
Когда Центрировать активный слайд и Переключать слайды затуханием(Fade) активны, в слайдере отображается только один слайд. Когда Переключать слайды затуханием(Fade) неактивно, все ок
Резльтат на скрине
Wedal, да вроде предылущую версию не устанавливал (хотя может быть когда-то давно). В любом случае - спасибо за ответ!
Слайдер раньше не устанавливал. В папке /language/ru-RU был файл ru-RU.mod_wedal_joomla_slider.ini. и ru-RU.mod_wedal_joomla_slider.sis.ini. Но эти файлы туда попали уже после установки сегодня. Удалял, переустанавливал - результат не поменялся
Дописал в название в ручную - заработало!
"Да, он может даже такое! Вы можете показывать, например, по три слайда за раз на больших экранах, по два на планшетах и по одному на телефонах. Можете изменять практически все настройки оформления слайдера под любые разрешения!" - не увидел этих настроек
Изменены могут быть любые настройки, описанные здесь:
https://kenwheeler.github.io/slick/
Скажите, а может реализовать это привычными средствами? Задача-то вполне типовая. (Видел в некоторых слайдерах - три выпадающих списка с количеством слайдов для desktop, tablet, phone)
1) Для разных дизайнов могут быть разные точки переключения формата слайдера. Есть, конечно, более-менее универсальные разрешения, на которых идет переключение, но не всегда применяются именно они. Далеко не всегда.
2) Под каждое разрешение сейчас мы можем менять хоть все настройки слайдера. Как это реализовать через интерфейс? Увеличить его в 3-4 раза? Не вижу в этом смысла.
Текущий вариант с вводом настроек адаптивов может показаться сложнее, но на самом деле он гораздо универсальнее любого интерфейса.
https://wedal.ru/rasshireniya-joomla/wedal-joomla-slider-2-besplatnyj-universalnyj-slajder-dlya-joomla.html#comment-12303
Удалите старый языковой файл вручную и проблема исчезнет.
Решение для этого вопроса: переопределить макет /tmpl/default_image.php в шаблон и в нем отключить вывод заголовков.
Другой вариант - просто скрыть заголовки через CSS.
з.ы. не смог создать переопределение для css (не подхватывает его из шаблона), только для макета /tmpl/default_image.php получилось...
Насчет переопределения 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
Хочется уже попробовать!
Хотя это, наверное, не совсем то, что вы хотите. Здесь слайды будут идти в противоположном порядке, но не направлении.
Использую JCE - Editor, фильтрацию снял. HTML-код со скриптами отлично работает в статьях, но к сожалению не в окне вашего расширения. Слайдер просто показывает набор символов :).
Использую Open Server 5.3.7 + Joomla 4.4.9 + JCE - Editor 2.9.81.
Это можно как то решить?
В корне модуля файл subform.xml, поле editor.