Сегодня я хотел бы представить вам обновление модуля Wedal Joomla Slider – версию 1.1 =). Несмотря на то, что 1.1 от 1.0 отделяют всего 10%, модуль был переписан практически полностью. Я добавил в него несколько новых полезных возможностей, которых раньше не было и которых так не хватало при разработке. Надеюсь, вам они понравятся.
Wedal Joomla Slider v1.1 - бесплатный модуль слайдшоу для Joomla от wedal.ru (обновление)

Дорогие друзья, прежде всего, хотел бы поздравить всех с прошедшими праздниками! На праздниках у меня появилось немного свободного времени, и я решил сделать подарок всем читателям сайта wedal.ru и остальным людям, работающим с Joomla.

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

Сегодня я хотел бы представить вам обновление этого модуля – версию 1.1  =). Несмотря на то, что 1.1 от 1.0 отделяют всего 10%, модуль был переписан практически полностью. Я добавил в него несколько новых полезных возможностей, которых раньше не было и которых так не хватало при разработке. Надеюсь, вам они понравятся. Все подробности далее…

Wedal Joomla Slider v1.1. Обзор новых возможностей. Плавающая ширина.

Теперь в модуле появилась возможность задавать ширину не только в пикселях, но и в процентах. Для чего это нужно? Если вы делайте сайт с адаптивным дизайном, например, по серии статей, Создание адаптивного шаблона Joomla с использованием Bootstrap, то, скорее всего, вы захотите, чтобы слайдер сжимался вместе с размером окна и подстраивался под него. Теперь это возможно. Просто задайте ширину слайдера 100% и вы получите нужный эффект.

Не забудьте, что изображения должны иметь размер, покрывающий и большие экраны. А если вы хотите ограничить максимальный размер, то можете сделать это используя CSS-стиль max-width в вашем CSS-файле.

0

Wedal Joomla Slider v1.1. Обзор новых возможностей. Несколько слайдеров на одной странице.

Это довольно редкий случай, но все-таки иногда бывает необходимо вывести на странице сразу несколько слайдеров, которые показывали бы разные изображения. Теперь и это не проблема. Вы можете создать несколько копий модуля Wedal Joomla Slider, задать для каждой копии свои изображения и настройки, а затем вывести их одновременно на одной странице. Все будет работать.

1

Wedal Joomla Slider v1.1. Обзор новых возможностей. Автозапуск.

Теперь возможность автозапуска вынесена отдельной опцией в настройки слайдера. Вам не нужно править код. Достаточно лишь активировать автозапуск в настройках.

2

Wedal Joomla Slider v1.1. Обзор новых возможностей. Временной интервал переключения слайдов.

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

Wedal Joomla Slider v1.1. Обзор новых возможностей. Улучшенное добавление изображений.

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

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

3

Wedal Joomla Slider v1.1. Обзор новых возможностей. MVC + Переопределение макета + Альтернативный макет.

Я переписал модуль по методологии MVC. Теперь вы можете переопределить его макет в шаблон Joomla и не бояться потерять изменения при обновлении. Также вы можете создать сколь угодно много альтернативных макетов для слайдера. Это означает, что у вас на сайте могут быть совершенно разные слайдеры с разным оформлением и для этого не нужно устанавливать модуль повторно.

Wedal Joomla Slider v1.1. Обзор новых возможностей. Кэширование.

Теперь модуль кэшируется стандартными средствами Joomla.

Вот вроде бы и всё. Для меня этот модуль слайдера теперь почти идеален. Надеюсь, он понравится и вам. Скачать обновленный модуль бесплатно вы можете по ссылке ниже:

Скачать модуль Wedal Joomla Slider v1.1 (только для Joomla 3 и выше)/ Download Wedal Joomla Slider module v1.1 (only for Joomla 3 and higher).

UPD.: Выпущен обновленный модуль Wedal Joomla Slider 2 с поддержкой Joomla 4.

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

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

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

Комментарии  

+3 # Shell 09.01.2017 16:06
Ну спасибо! То что как раз искал))
Ответить | Ответить с цитатой | Цитировать
+1 # Guest 13.02.2017 12:12
Здравствуйте! Обязательно добавьте возможность изменения порядка слайдов. Например в слайдере информация о предстоящих событиях, и когда нужно добавить новое (чтоб оно отображалось первым слайдом), приходится руками смещать ниже все последующие слайды
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 14.02.2017 05:12
Guest, для этого уже будет нужен компонент, чтобы это работало по аналогии с последними статьями. А в модуле: как слайдер поймет, что последний слайд, который вы добавили, должен показываться первым? Их в любом случае придется сортировать вручную. Можно добавить только последовательность показа: первый-последний/последний-первый/случайный порядок, но все это лишь усложнит слайдер.
Ответить | Ответить с цитатой | Цитировать
0 # Андрей 28.02.2017 08:24
Еще бы добавить хотя бы один дополнительный эффект смены картинок, например, через регулировку прозрачности картинок, было бы еще круче! Спасибо.
Ответить | Ответить с цитатой | Цитировать
+2 # Wedal 01.03.2017 06:01
Андрей, в Bootstrap-карусели нет других эффектов. Для этого придется цеплять дополнительный скрипт карусели. Прелесть слайдера в том, что в нем нет ничего лишнего. Это заготовка, на основе которой вы можете создать любой слайдер с любым эффектом под себя. Для этого вам нужно лишь найди понравившийся слайдер на jQuery, подключить его(скрипт слайдера) к модулю по инструкции и подправить макет модуля таким образом, чтобы его структура подходила под ту, что будет указана в инструкции к понравившемуся слайдеру.
Используя функционал альтернативных макетов, вы можете создать столько эффектов, сколько пожелаете. В каждом макете будет подключен скрипт и CSS понравившегося слайдера, а ниже будет подогнанная под него структура.
Ответить | Ответить с цитатой | Цитировать
+1 # Андрей 11.11.2017 07:30
Обалденный слайдер Вы добродетель и Мега-Человек Эмоции зашкаливают от благодарности. не знаю как вместить их в текст
Ответить | Ответить с цитатой | Цитировать
0 # Спирик 13.01.2018 14:09
Добрый вечер, подскажите можно ли добавить еще слайды? если можно, то как ?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 15.01.2018 02:13
Спирик, теоретически можно, но практически это будет плохой подход. Слайдер позволяет загружать до 10 изображений. Даже это уже много. Большее количество изображений сильно замедлит загрузку страницы. Но если очень хочется, то:
1) В файле mod_wedal_joomla_slider.xml добавляете код:
Код:<field type="spacer" name="myspacer8" hr="true"/> <field type="media" name="image10" description="MOD_WEDAL_JOOMLA_SLIDER_IMAGE_DESC" label="MOD_WEDAL_JOOMLA_SLIDER_IMAGE_10" default="" preview_width="208" directory="" preview="true"/> <field type="text" name="link10" description="MOD_WEDAL_JOOMLA_SLIDER_LINK_DESC" label="MOD_WEDAL_JOOMLA_SLIDER_LINK_10" default=""/> <field type="text" name="header10" description="MOD_WEDAL_JOOMLA_SLIDER_HEADER_DESC" label="MOD_WEDAL_JOOMLA_SLIDER_HEADER_10" default="" size="20"/> <field type="textarea" name="description10" description="MOD_WEDAL_JOOMLA_SLIDER_DESCRIPTION_DESC" label="MOD_WEDAL_JOOMLA_SLIDER_DESCRIPTION_10" default="" directory="images/slider" stripext="" exclude="" filter="raw" cols="45" rows="7"/>
изменяя цифру на +1 для каждого нового слайда, столько раз, сколько слайдов вам нужно.
2) В файле helper.php вместо цифры 10 ставите ту, какое количество слайдов вы добавили в п.1. Т.е., если у вас 20 слайдов, то 20, если 30, то 30.
3) Если хотите, чтобы добавленные вами поля имели правильные названия, нужно добавить новые языковые константы в языковой файл слайдера (MOD_WEDAL_JOOMLA_SLIDER_DESCRIPTION_11, MOD_WEDAL_JOOMLA_SLIDER_DESCRIPTION_12 и др.). В принципе, это не обязательно. Это нужно только для админки, но в ней смысл полей будет понятен просто по языковым константам.
Ответить | Ответить с цитатой | Цитировать
0 # Гость 30.05.2019 00:48
Добрый день!
Слайдер некорректно отображается (сайт на бутстрапе 4). т.е. картинки не меняются, а все друг под другом одновременно появляются. А заголовки и описание в самом низу (на последней картинке) накладываются друг на друга. В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 30.05.2019 06:38
Здравствуйте! Это логично, т.к. слайдер сделан под Bootstrap 3. Чтобы он запустился на Bootstrap 4, нужно переопределить макет модуля в шаблон Joomla, и внести исправление структуры под Bootstrap 4, согласно документации с официального сайта Bootstrap. Это, наверное, сложно звучит, но по факту делается довольно легко и быстро.
Ответить | Ответить с цитатой | Цитировать
+1 # spro1 21.11.2019 14:31
Добрый день, Виталий!

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

Спасибо за модуль! Очень поддерживаю ваш подход к разработке!
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 22.11.2019 10:28
spro1, пока просто поставьте пробелы в эти поля. Я поправлю этот момент при обновлении модуля.
Ответить | Ответить с цитатой | Цитировать
-1 # Дмитрий 21.03.2020 13:41
Благодарю Вас за продукт!
Очень много вариантов пересмотрел (включая dj image slider), но только Ваш слайдер оказался самым простым, удобным и понятным в использовании! И главное реально работающим! А dj image slider я так и не смог запустить, про остальные вообще молчу.
Ответить | Ответить с цитатой | Цитировать
0 # Иван 10.01.2021 03:46
Было бы неплохо (и несложно) сделать в качестве источника каталог (с относительным/абсолютным путём).
Ответить | Ответить с цитатой | Цитировать
0 # Иван 04.10.2021 10:06
Не работает модуль. В модуле удаляешь и фото и текст нажимаешь сохранить и все возвращает обратно. НА сайте просто в столбик все машинки и все )
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 05.10.2021 06:56
Иван, слайдер старый. Он рассчитан на то, что у вас в шаблоне используется Bootstrap 3. Если его нет, то слайдер работать не будет. Чтобы текст и фото не возвращались, нужно что-то ввести в эти поля, хотя бы пробелы. Это плохое решение, самому стыдно) Но это было давно.

Сейчас я использую другой слайдер собственное разработки и готовлю постепенно его для публичного релиза. Он много лучше текущего и гораздо универсальнее. Как только он будет готов, то заменит текущий в этой статье.
Ответить | Ответить с цитатой | Цитировать
0 # Иван 05.10.2021 06:59
Понял, спасибо.
Очень жду от вас разработок ) ни кто кроме того человека который сам делает сайты клиентам, не знает что точно и что лучше надо разработчику и клиенту))
Ответить | Ответить с цитатой | Цитировать
0 # Александр 25.05.2022 07:12
Здравствуйте! Возможно ли добавить в слайдер Swipe на сенсорных устройствах? Да и пагинацию в виде точек/чёрточек не помешало бы...
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 26.05.2022 06:36
Александр,

https://wedal.ru/rasshireniya-joomla/wedal-joomla-slider-v1-1-besplatnyj-modul-slajdshou-dlya-joomla-ot-wedal-ru-obnovlenie.html#comment-12155
Ответить | Ответить с цитатой | Цитировать
0 # Александр 26.05.2022 12:07
Жду с нетерпением!
Ответить | Ответить с цитатой | Цитировать
0 # Александр 06.06.2022 06:36
Вопрос: а новый слайдер будет совместим с текущим или все слайды придётся заново пересобирать?
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 06.06.2022 08:07
Александр, точно не совместим. В новом другой подход к выбору слайдов. Там используется повторяемое поле, которое позволяет добавлять любое количество слайдов и описаний к ним.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 15.06.2022 05:33
А могу я как-то помочь с ускорением выхода слайдера? Готов поучаствовать. Очень нужен!
Верстать весь сайт под текущую версию, а потом перевёрстывать - такое себе...
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 15.06.2022 09:25
Александр, помочь сможете тестированием на вашем проекте. Больше даже не знаю чем. Слайдер почти готов. Это самое простое из расширений. Но он потребует обязательного присутствия jQuery и Slick. Первый есть в Joomla, второй - будет в слайдере.

Раньше у меня была мысль отказаться от jQuery - вроде "прошлый век и всё такое". Но сейчас я изменил мнение. jQuery позволяет очень сильно сокращать количество JS-кода, а также ускоряет разработку простых скриптов, ну минимум в два раза.

Сегодня будет запуск нового компонента для рассылки на сайте (спасибо Mailchump, который кинул без предупреждения - импортозамещение, так сказать=)). Это был не самый простой компонент, и отнял много времени. А дальше руки будут развязаны и в первую очередь в свободное время будут доработаны новые версии слайдера и формы обратной связи. Они гораздо проще, а потому надеюсь, что дело пойдет значительно быстрее.
Ответить | Ответить с цитатой | Цитировать