SweetAlert2. Красивые уведомления для AjaxForm, Office, Minishop2 и msOneClick
Компонент переопределяет уведомления jGrowl для AjaxForm, Office и Minishop2.
Системные настройки:
Если отключить системную настройку swal2_toast, то увидим уже большое уведомление:
Документация по опциям
По умолчанию SweetAlert2 принимает опции системных настроек, но вы всегда можете переопределить их или добавить другие опции.
1. Инициализируем заново SweetAlert2 и передаем новые опции:
2. Изменяем существующую конфигурацию:
Смотреть все примеры
UPD. Версия 1.0.2
Системные настройки:
- swal2_position — Позиция модального окна, может быть 'top', 'top-start', 'top-end', 'center', 'center-start', 'center-end', 'bottom', 'bottom-start', или 'bottom-end'. По умолчанию: 'top-end'.
- swal2_timer — Таймер автоматического закрытия модального окна. Установить в миллисекундах. По умолчанию: 3000.
- swal2_showconfirmbutton — Если установлено значение false, кнопка 'Подтвердить' не будет отображаться. По умолчанию: false
- swal2_toast — Следует ли рассматривать предупреждение как тостовое уведомление. Эта опция обычно связана с параметром позиции и таймером. Тосты НИКОГДА не автофокусированы. По умолчанию: true
- swal2_width — Ширина уведомления. По умолчанию: 19rem
Если отключить системную настройку swal2_toast, то увидим уже большое уведомление:
Документация по опциям
По умолчанию SweetAlert2 принимает опции системных настроек, но вы всегда можете переопределить их или добавить другие опции.
1. Инициализируем заново SweetAlert2 и передаем новые опции:
SweetAlert2.initialize({
footer: '2020',
backdrop: 'rgba(0,0,0,.5)'
})2. Изменяем существующую конфигурацию:
SweetAlert2.config.toast = true;
SweetAlert2.config.backdrop = 'rgba(0,0,0,.5)';Смотреть все примеры
UPD. Версия 1.0.2
- Добавлена системная настройка width
- Исправлена регистрация скриптов
- Исправлена ошибка, когда скрипт SweetAlert2 не загрузился
- Добавлены системные настройки для инициализации соответствующих компонентов
- Добавлена поддержка компонента msOneClick
Компонент доступен в modstore.
08 мая 2020, 11:50
Поблагодарить автора
Отправить деньги
Комментарии: 34
За компонент лойс однозначно!
Собственно скачал и поставил на проект, которым сейчас занимаюсь!
Крутые уведомлялки, я бы чуть чуть буквально внес корректировку!
Там у Вас получается подключаются куча скриптов со стороннего сайта:
Собственно скачал и поставил на проект, которым сейчас занимаюсь!
Крутые уведомлялки, я бы чуть чуть буквально внес корректировку!
Там у Вас получается подключаются куча скриптов со стороннего сайта:
Скрипты фронтенда: //cdn.jsdelivr.net/npm/sweetalert2@9/npm/sweetalert2@9.10.12/dist/sweetalert2.all.min.js
ну получается что по ссылке подключаются я так полагаю куча всякой фигни не понятной, я как не оч шарящий человек сразу и не разберет, может там что то совершенно ненужное подключается.
Мне вот допустим базового скрипта хватило, который я стянул с сайта и запилил у себя, подключил его в том порядке котором мне нужно, чтобы не громоздить скрипты в подвале и тем более в шапке.
Ну опять таки это для кого как, как говорится кому так удобнее тот так и делает, а вот уведомлялки крутые и подключаются быстро и адаптированны под работу востребованных сниппетов уже, так что то что надо прям, лакшери как говорится. Стильно, четко, молодежно, соверменно!
Мне вот допустим базового скрипта хватило, который я стянул с сайта и запилил у себя, подключил его в том порядке котором мне нужно, чтобы не громоздить скрипты в подвале и тем более в шапке.
Ну опять таки это для кого как, как говорится кому так удобнее тот так и делает, а вот уведомлялки крутые и подключаются быстро и адаптированны под работу востребованных сниппетов уже, так что то что надо прям, лакшери как говорится. Стильно, четко, молодежно, соверменно!
раньше тоже пользовался часто cdn, но когда в один день ркн заблокировал сервера гугл, амазон и прочего на котором находилось большинство cdn и у меня больше 20ти сайтов перестали нормально работать я больше решил cdn не пользовать на сайтах, а подгружать локально. В тот момент был очень веселый день))))
Привет!
Очень классный компонент, спасибо.
Никак не могу понять как инициализировать новые настройки с моими параметрами.
Делаю так:
В каком месте надо объявлять?
Спасибо.
Очень классный компонент, спасибо.
Никак не могу понять как инициализировать новые настройки с моими параметрами.
Делаю так:
<script>
SweetAlert2.initialize({
footer: '2020',
backdrop: 'rgba(0,0,0,.5)'
})
SweetAlert2.config.toast = false;
SweetAlert2.config.backdrop = 'rgba(0,0,0,.5)';
</script>Uncaught ReferenceError: SweetAlert2 is not definedВ каком месте надо объявлять?
Спасибо.
Привет, Александр!
Большое спасибо!
Устал, начал тупить.
Большое спасибо!
Устал, начал тупить.
<script>
$(document).ready(function () {
SweetAlert2.initialize({
footer: '2020',
backdrop: 'rgba(0,0,0,.5)'
})
SweetAlert2.config.toast = false;
SweetAlert2.config.backdrop = 'rgba(0,0,0,.5)';
});
</script>
После установки SweetAlert2 со всех станиц сайта пошла ссылка на cdn.jsdelivr.net/npm/sweetalert2@9
А на результаты оптимизации сайта влияют внешние, исходящие ссылки на другие ресурсы!
Aleksandr Huz, подскажите как решить проблему?
Ведь при переносе на свой хост файл с яваскритом SweetAlert2 почемуто не работает.
А на результаты оптимизации сайта влияют внешние, исходящие ссылки на другие ресурсы!
Aleksandr Huz, подскажите как решить проблему?
Ведь при переносе на свой хост файл с яваскритом SweetAlert2 почемуто не работает.
Добрый день!
Использую дополнение msPromoCode. При применении промо-кода, в алерте добавляется [object Object], но SweetAlert2 работает. Из-за чего может быть [object Object]?
prnt.sc/tnvecm
Использую дополнение msPromoCode. При применении промо-кода, в алерте добавляется [object Object], но SweetAlert2 работает. Из-за чего может быть [object Object]?
prnt.sc/tnvecm
- Доработать assets/components/sweetalert2/js/default.js (выбрав его в параметре swal2_frontend_js)
- Добавить соответствующий системный параметр типа swal2_tickets
- Прописать этот параметр в sweetalert2.class.php
Раз уж после установки SweetAlert2 все необходимые скрипты уже подключены, то можно «прямо в лоб» изменить сообщения в скрипте самого Tickets.
В файле assets/components/tickets/js/web/default.js можно поменять
В файле assets/components/tickets/js/web/default.js можно поменять
<script>
//...
success: function (message) {
if (message) {
$.jGrowl(message, {theme: 'tickets-message-success'});
}
}
//...
</script><script>
//...
success: function (message) {
if (message) {
Swal.fire({
position: 'top-end',
icon: 'success',
title: message,
showConfirmButton: false,
timer: 1500,
toast: true
})
}
}
//...
</script>
«В лоб» не совсем правильно, лучше было бы доработать SweetAlert2 полностью под работу с Tickets.
Для этого понадобится:
А для обновления самого SweetAlert2, скорее всего, достаточно будет только заменить файл sweetalert2.all.min.js
Для этого понадобится:
А для обновления самого SweetAlert2, скорее всего, достаточно будет только заменить файл sweetalert2.all.min.js
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| SweetAlert2 | 1.0.3-pl от 22.11.2022 | 1 791 |
| AjaxForm | 1.2.2-pl от 17.10.2021 | 19 347 |
| Office | 1.9.5-pl от 01.10.2021 | 6 972 |
| miniShop2 | 4.3.0-pl от 02.07.2023 | 25 495 |
| msOneClick | 1.3.1-pl от 10.06.2019 | 877 |
| Tickets | 1.13.0-pl от 10.03.2020 | 19 441 |
| msPromoCode | 1.4.6-pl от 01.06.2021 | 1 302 |
| Localizator | 1.0.8-beta от 18.07.2022 | 1 799 |
2 часа назад
Когда планируется обновление? :'э
8 часов назад
Попробую, спасибо!
Сегодня в 00:32
Демо вроде автор закрыл, а ссылка из поста на компонент вполне рабочая, или о чем речь?
Вчера в 14:54
Давай попробуем вот так — youtu.be/BbyfFDARgZU
Вчера в 13:36
Спасибо за помощь
22 апреля 2024, 17:19
Я нафигачил просто несколько условий