Куда идем?

Дорогие друзья, прежде всего, хотел бы поздравить всех с прошедшими праздниками! На праздниках у меня появилось немного свободного времени, и я решил сделать подарок всем читателям сайта 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, задать для каждой копии свои изображения и настройки, а затем вывести их одновременно на одной странице. Все будет работать.

1

Автозапуск

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

2

Временной интервал переключения слайдов

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

Улучшенное добавление изображений

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

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

3

MVC + Переопределение макета + Альтернативный макет

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

Кэширование

Теперь модуль кэшируется стандартными средствами 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
Ну спасибо! То что как раз искал))
1
Здравствуйте! Обязательно добавьте возможность изменения порядка слайдов. Например в слайдере информация о предстоящих событиях, и когда нужно добавить новое (чтоб оно отображалось первым слайдом), приходится руками смещать ниже все последующие слайды
1
Guest, для этого уже будет нужен компонент, чтобы это работало по аналогии с последними статьями. А в модуле: как слайдер поймет, что последний слайд, который вы добавили, должен показываться первым? Их в любом случае придется сортировать вручную. Можно добавить только последовательность показа: первый-последний/последний-первый/случайный порядок, но все это лишь усложнит слайдер.
0
Еще бы добавить хотя бы один дополнительный эффект смены картинок, например, через регулировку прозрачности картинок, было бы еще круче! Спасибо.
2
Андрей, в Bootstrap-карусели нет других эффектов. Для этого придется цеплять дополнительный скрипт карусели. Прелесть слайдера в том, что в нем нет ничего лишнего. Это заготовка, на основе которой вы можете создать любой слайдер с любым эффектом под себя. Для этого вам нужно лишь найди понравившийся слайдер на jQuery, подключить его(скрипт слайдера) к модулю по инструкции и подправить макет модуля таким образом, чтобы его структура подходила под ту, что будет указана в инструкции к понравившемуся слайдеру.
Используя функционал альтернативных макетов, вы можете создать столько эффектов, сколько пожелаете. В каждом макете будет подключен скрипт и CSS понравившегося слайдера, а ниже будет подогнанная под него структура.
1
Обалденный слайдер Вы добродетель и Мега-Человек Эмоции зашкаливают от благодарности. не знаю как вместить их в текст
0
Добрый вечер, подскажите можно ли добавить еще слайды? если можно, то как ?
0
Спирик, теоретически можно, но практически это будет плохой подход. Слайдер позволяет загружать до 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
Добрый день!
Слайдер некорректно отображается (сайт на бутстрапе 4). т.е. картинки не меняются, а все друг под другом одновременно появляются. А заголовки и описание в самом низу (на последней картинке) накладываются друг на друга. В чем может быть проблема?
0
Здравствуйте! Это логично, т.к. слайдер сделан под Bootstrap 3. Чтобы он запустился на Bootstrap 4, нужно переопределить макет модуля в шаблон Joomla, и внести исправление структуры под Bootstrap 4, согласно документации с официального сайта Bootstrap. Это, наверное, сложно звучит, но по факту делается довольно легко и быстро.
0
Добрый день, Виталий!

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

Спасибо за модуль! Очень поддерживаю ваш подход к разработке!
1
spro1, пока просто поставьте пробелы в эти поля. Я поправлю этот момент при обновлении модуля.
0
Благодарю Вас за продукт!
Очень много вариантов пересмотрел (включая dj image slider), но только Ваш слайдер оказался самым простым, удобным и понятным в использовании! И главное реально работающим! А dj image slider я так и не смог запустить, про остальные вообще молчу.
0
Было бы неплохо (и несложно) сделать в качестве источника каталог (с относительным/абсолютным путём).
0
Не работает модуль. В модуле удаляешь и фото и текст нажимаешь сохранить и все возвращает обратно. НА сайте просто в столбик все машинки и все )
0
Иван, слайдер старый. Он рассчитан на то, что у вас в шаблоне используется Bootstrap 3. Если его нет, то слайдер работать не будет. Чтобы текст и фото не возвращались, нужно что-то ввести в эти поля, хотя бы пробелы. Это плохое решение, самому стыдно) Но это было давно.

Сейчас я использую другой слайдер собственное разработки и готовлю постепенно его для публичного релиза. Он много лучше текущего и гораздо универсальнее. Как только он будет готов, то заменит текущий в этой статье.
0
Понял, спасибо.
Очень жду от вас разработок ) ни кто кроме того человека который сам делает сайты клиентам, не знает что точно и что лучше надо разработчику и клиенту))
0
Здравствуйте! Возможно ли добавить в слайдер Swipe на сенсорных устройствах? Да и пагинацию в виде точек/чёрточек не помешало бы...
0
Александр,

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

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

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