Куда идем?

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

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

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

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

Содержание

  1. Новые возможности Wedal Joomla Slider 2
    1. Слайды разных типов
    2. Слайды с разным поведением при клике
    3. Возможность использовать модуль без слайдера, в виде списка элементов с кнопкой Подробнее или без нее
    4. Возможность использовать слайдер с разделением на категории
    5. Заголовок и описание для каждого слайда
    6. Выбор количества слайдов на одну прокрутку и количество прокручиваемых слайдов
    7. Автозапуск и управляющие элементы
    8. Тексты ДО и ПОСЛЕ слайдера
    9. Отложенная загрузка слайдов
    10. Центрирование активного слайда
    11. Возможность переключения слайдов затуханием
    12. Адаптивная ширина и высота
    13. Изменение параметров слайдера в зависимости от разрешения экрана
  2. Возможности по переопределению и кастомизации
  3. Использование нескольких слайдеров на одной странице
  4. Поддержка версий Joomla
  5. Как скачать/установить/обновить
  6. Обновления
    1. 2.0.1
    2. 2.0.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
Демо бы посмотреть
1
Демо пока только локальное. Постараюсь создать демо-сайт в ближайшее время.
0
Wedal, добрый день.
После установки (Joomla 4/1) появилась ошибка Warning: get_object_vars() expects parameter 1 to be object, array given in
0
Хуш, напишите, пожалуйста, файл и строку, где появляется предупреждение. Также уточните, добавлены ли слайды в данном экземпляре модуля, у него в настройках, в админке. Я не наблюдаю такое предупреждение у себя на тестовом сайте даже с включенным отображением ошибок. В целом, если вы отключите отображение ошибок в общих настройках Joomla, то это предупреждение исчезнет. Проблем с работой модуля оно не создает. Но предлагаю разобраться, чтобы я мог устранить его и в коде.
0
Доброе утро! Слайды не добавлял - после установки увидел это и решил сразу написать. Вот строка и файл:
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
Хуш, исправлено в версии 2.0.1.
0
Спасибо!
0
Добавил слайды - появилось вот это:
Notice: Undefined variable: readmore in /home/bikozkokoz/domains/aquameditation.ru/public_html/modules/mod_wedal_joomla_slider/tmpl/default.php on line 38
0
Хуш, исправлено в версии 2.0.1.
0
Еще заметил такой момент:
Когда Центрировать активный слайд и Переключать слайды затуханием(Fade) активны, в слайдере отображается только один слайд. Когда Переключать слайды затуханием(Fade) неактивно, все ок
1
Хуш, Fade несовместим с центрированием. Я скрою одну опцию в зависимости от другой.
0
Также попробовал на J 3.9.10
Резльтат на скрине
0
Хуш, это происходит, т.к. языковой файл модуля не подключился. В J4 языковые файлы имеют немного другое именование. Я проверяю в Joomla 3.10 и там это новое именование работает корректно. В Joomla 3.9, возможно, оно не работает и поэтому языковой файл не находится. Но это пока только догадки. Если у вас есть возможность проверить на Joomla 3.10, то сразу станет понятно, так это или нет. Я, в свою очередь, постараюсь проверить на 3.9.
0
Хуш, выяснилось, что если у вас ранее уже был установлен старый слайдер, то его языковые файлы (которые имеют название с префиксом, например, ru-ru.wedal_joomla_slider.ini), становятся приоритетнее новых файлов (которые без префикса). Вам нужно вручную удалить старые языковые файлы (которые с префиксом) и всё заработает.
0

Цитирую Wedal:

Хуш, выяснилось, что если у вас ранее уже был установлен старый слайдер, то его языковые файлы (которые имеют название с префиксом, например, ru-ru.wedal_joomla_slider.ini), становятся приоритетнее новых файлов (которые без префикса). Вам нужно вручную удалить старые языковые файлы (которые с префиксом) и всё заработает.


Wedal, да вроде предылущую версию не устанавливал (хотя может быть когда-то давно). В любом случае - спасибо за ответ!
0
Хуш, проверить легко: посмотрите, есть ли в папке /language/ru-RU файл ru-RU.mod_wedal_joomla_slider.ini. Если да, то у вас была установлена старая версия слайдера. Этот файл нужно удалить. Дальше всё заработает.
0
Здравствуйте. Точно такая же беда. тоже Джумла 3.9.5
Слайдер раньше не устанавливал. В папке /language/ru-RU был файл ru-RU.mod_wedal_joomla_slider.ini. и ru-RU.mod_wedal_joomla_slider.sis.ini. Но эти файлы туда попали уже после установки сегодня. Удалял, переустанавливал - результат не поменялся
0
А вот допёр почему так. Файлы в этой папке были без префикса "ru-RU." - просто mod_wedal_joomla_slider.ini
Дописал в название в ручную - заработало!
1
Wedal, добрый вечер.
"Да, он может даже такое! Вы можете показывать, например, по три слайда за раз на больших экранах, по два на планшетах и по одному на телефонах. Можете изменять практически все настройки оформления слайдера под любые разрешения!" - не увидел этих настроек
0
Хуш, для этого нужно использовать поле Дополнительные парамеры для инициализации слайдера. В нем вы должны задать параметры для разных разрешений. Вот пример:

Код:


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
Понял, спасибо!
Скажите, а может реализовать это привычными средствами? Задача-то вполне типовая. (Видел в некоторых слайдерах - три выпадающих списка с количеством слайдов для desktop, tablet, phone)
0
Хуш, я думал о том, как создать интерфейс настроек для мобильных. Ничего хорошего из этого не получится по двум причинам:

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

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

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

Удалите старый языковой файл вручную и проблема исчезнет.
0
Ок. Сделал. Работает. Спасибо!
0
И ещё, невозможно отключить показ Заголовка и Текста слайда (((
0
Александр, а зачем их отключать? Можно ведь просто не заполнять поля заголовка и текста, если они не нужны вам.
0
Если не заполнять, то не индексируются картинки поисковыми системами.
0
Александр, да, верно. Но есть но. Там же слайды подгружаются через AJAX по умолчанию, не уверен, что оно будет индексироваться в принципе в таком варианте.

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

з.ы. не смог создать переопределение для css (не подхватывает его из шаблона), только для макета /tmpl/default_image.php получилось...
1
Александр, ну уж фильтр от Яндекса вам бы не дали за картинки без 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
Ещё в порядке пожеланий, можно ли сделать показ управляющих элементов-стрелочек по наведению мыши на изображение? Как в Яндекс.Дзене. Было бы вообще шикарно! Ещё раз спасибо за модуль!
0
Александр, это вопрос только CSS. Можете переопределить файл стилей слайдера в шаблон и подправить CSS таким образом. Еще хочу сказать, что через поле Дополнительные парамеры для инициализации слайдера вы можете установить привязку управляющих слайдером элементов к любому блоку.
0
Пробую J4. Поставил слайдер. Картинки не показываются, только серые квадратики. На странице два слайдера, в первом 3 картинки, но он не работает, как второй. Во втором 4 картинки. Он даже работает, но фото нет. Наверное несовместимость какая-то.
0
Леонид, посмотрел ваш сайт. В консоли вижу, что идут ошибки об отсутствии изображений по указанным адресам. Попробовал открыть изображение напрямую - не открывается. Т.е. скорее всего в настройках модуля установлены пути к картинкам которых не существует на сервере. Вы можете сами увидеть ошибки, открыв вкладку Консоль в веб-инспекторе браузера (обычно открывается клавишей F12).
0
Спасибо за ответ. Причину нашел. Сайт был установлен не в корне домена. Перенес в папку домена и все заработало.
1
Огонь слайдер!
Хочется уже попробовать!
1
Miheich, что мешает? Качайте и пробуйте.
0
Уже)))
1
Приветствую! А можно сделать так чтобы слайды в автоматическом режиме переключались влево а не вправо?
0
Михаил, попробуйте добавить в дополнительные параметры инициализации слайдера:

Код:

rtl: true


Хотя это, наверное, не совсем то, что вы хотите. Здесь слайды будут идти в противоположном порядке, но не направлении.
0
Здравствуйте. Пробую использовать в Joomla 4.4.9. Пытаюсь настроить показ HTML кода, но в поле ввода HTML-код, после сохранения все теги типа и либо вырезаются либо заменяются на подобное </script>.
Использую JCE - Editor, фильтрацию снял. HTML-код со скриптами отлично работает в статьях, но к сожалению не в окне вашего расширения. Слайдер просто показывает набор символов :).
Использую Open Server 5.3.7 + Joomla 4.4.9 + JCE - Editor 2.9.81.
Это можно как то решить?
1
Для этого поля в XML-манифесте задан фильтр filter="safehtml". Т.е. он допускает html, но запрещает все, что небезопасно. Вы можете изменить его в манифесте на raw, но это будет хак. Оно будет работать до обновления модуля и пересохранения настроек модуля после обновления.
В корне модуля файл subform.xml, поле editor.