Уведомления берутся стандартные из чанков LOGIN

Допилил редирект если он нужен:
Параметры:

• &id: Уникальный ID, если есть конфликты форм
• &snippet:Login,ForgotPassword,UpdateProfile,Register
• &redirect:[[~1]]
• &chunkForm: имя чанка или html код (Для ForgotPassword,UpdateProfile,Register не используются в параметрах tpl, для этого сделан параметр)

//Login
[[!AjaxLogin_vectorserver? &snippet=`Login`]]

//ForgotPassword
[[!AjaxLogin_vectorserver? 
&snippet=`ForgotPassword` 
&id=`q`
&redirect=`[[~1]]`
]]


<h2>UpdateProfile</h2>
[[!AjaxLogin_vectorserver?
    &snippet=`UpdateProfile` 
    &useExtended=`0`
    &chunkForm=`[[$UProfile]]`
]]

Код сниппета:

<?php
/* @global $modx*/
/** @var TYPE_NAME $scriptproperties */
/** @var TYPE_NAME $snippet */

/** @var TYPE_NAME $id */
$chunkForm = $chunkForm??'';
//Уникальный ID
$id = $id??$modx->resource->id;
$uniqid = "form_".md5($snippet.$id);

//Если нужен редирект 
$redirect = $redirect??false;

//JS TMP
$js = "<script>
    let $uniqid = document.getElementById('{$uniqid}').getElementsByTagName('form')[0];
    
    if($uniqid){
        $uniqid.addEventListener('submit', (e) => {
            
            let redirectTo = '{$redirect}';
        
            fetch($uniqid.action, {
               method: 'POST',
               body: new FormData($uniqid)
            }).then(function (response) {
                // The API call was successful!
                return response.text();
            }).then(function (data) {
                // This is the HTML from our response
                var parser = new DOMParser();
                var doc = parser.parseFromString(data, \"text/html\");
                $uniqid.innerHTML = doc.getElementById('{$uniqid}').innerHTML;
                if(redirectTo){
                    window.location = '{$redirect}';
                }
            }).catch(function (err) {
                // There was an error
                console.warn('Something went wrong.', err);
            });
        
         // on form submission, prevent default
        e.preventDefault();
      });
    }
  
</script>";

$runSnippet = "<div id='{$uniqid}' class='AjaxLogin_vectorserver'>{$modx->runSnippet($snippet)}{$chunkForm}</div>\n{$js}";
return $runSnippet;

Понимаю что надо править default.js

Нет, надо сделать копию и поменять системную настройку, но это если ты выбираешь сложный путь. Я бы выбрал этот компонент и не парился.

Посмотри эти примеры должно помочь.

Твой пример очень похож на вот этот, с той разницей, что пример по ссылке гораздо легче понять.

Ну тогда уж приводите пример в чистом JS, тем более раз вы показываете в контексте «Как делать правильно»

Это не готовое решение, а пример реализации!

За JS в PHP жирный минус. Зачем?! А главное Зачем?!

Подготовьте изображение со всем этим добром и накладывайте его как ватермарку.

А как показать уведомление? Как редирект сделать? Заполнение профиля работать будет? Если да, то после сохранения поля очистятся или нет?

Слишком много гемора!
Вот пример, JS + LOGIN (https://vectorserver.ru/test/ajaxform-login.html )
Вызов:

[[!AjaxLogin_vectorserver? &snippet=`Login`]]

[[!AjaxLogin_vectorserver? &snippet=`Login` &id=`q`]]

[[!AjaxLogin_vectorserver? &snippet=`Register` &id=`123`]]

Код сниппета AjaxLogin_vectorserver:

<?php
/* @global $modx*/
/** @var TYPE_NAME $scriptproperties */
/** @var TYPE_NAME $snippet */

/** @var TYPE_NAME $id */
$id = $id??$modx->resource-id;
$uniqid = "form_".md5($snippet.$id);
$url = $modx->resource->uri;


$js = "<script>
    let $uniqid = document.getElementById('{$uniqid}').getElementsByTagName('form')[0];
    if($uniqid){
        $uniqid.addEventListener('submit', (e) => {
            
        
            fetch($uniqid.action, {
               method: 'POST',
               body: new FormData($uniqid)
            }).then(function (response) {
                // The API call was successful!
                return response.text();
            }).then(function (data) {
                // This is the HTML from our response
                var parser = new DOMParser();
                var doc = parser.parseFromString(data, \"text/html\");
                $uniqid.innerHTML = doc.getElementById('{$uniqid}').innerHTML;
            }).catch(function (err) {
                // There was an error
                console.warn('Something went wrong.', err);
            });;
        
         // on form submission, prevent default
        e.preventDefault();
      });
    }
  
</script>";

$runSnippet = "<div id='{$uniqid}' class='AjaxLogin_vectorserver'>{$modx->runSnippet($snippet)}</div>\n{$js}";
return $runSnippet;

Чудеса кончено, спасибо Павел!

Там какой-то глюк, связанный с перемещением плагина в категорию. Почему-то код удаляется, но если убрать привязку к файлу, то все ОК.

Ого, вот я первым делом полез в плагин и он был пустой(!).
Прошелся до самого файла он тоже оказался пустым.

Подскажите почему плагин Статичный «очищается»? как так вообще происходит? или это только с CKEditor

Вот сейчас переустановил CKEditor, код в плагине есть.
Спасибо за решение, сделал, буду проверять-тестировать.

Попробуйте у плагина CKEditor снять галку «Статичный».
Код самого плагина при этом, естественно, должен присутствовать.

Реализация возможно не совсем понятная, но сама идея довольно популярная.

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

Вот пример позиции блоков:
prnt.sc/buLcskvS_nBr

Если редактировать запись, внутри каждой есть выпадашка с готовыпи блоками и Кодом блока.
prnt.sc/dBuQ7WP6N2Qu
Выбираешь, загружаешь код кнопкой в редактор и уже там можно что-то поменять если оно надо(Например заголовок блока или какой то текст), а так просто нажал сохранить и все — блок готов.

Минус за некоструктивную критику. Мы все поняли какой ты классный верстальщик, но к сути того, что я написал в заметке это не относится.

Проблема решается не в медиаисточнике, а в чанке article-col-4.tpl (у вас это другой чанк скорее всего, указанный в tpl) где и прописывается полный путь. выведите картинку и поймете какой путь в ручную прописать чтобы все заработало.

Здравствуйте, Василий и коллеги портала modx.pro!
Прошу подсказать мне.
Есть картинка full
Наложить водяной знак вниз влево по средствам кода

«full»:{«h»:1920,«q»:100,«zc»:«0»,«bg»:«000000»,«fltr»:«wmi|left_bt.png|BL|100»}
у меня получилось.

Вопрос в том: как можно сделать несколько водяных параметров на одну картинку?
На картинке в идеале должен быть водяной знак в центре (лого.png), внизу слева (красивый низ с контактами.png), и в самом низу(декоративная полоса внизу на всю ширину картинки. полоса заведомо 1900px.png),

а вверху справа в шрифте ариал например, наложен текст с отступом -10 и -15 пикселей от краёв верха и право, с названием файла без его разрешения ( 345, вместо 345.JPG )

modx.pro/solutions/10319#comment-100712 — вот тут про это событие упоминается