Понятно. Можно проще. Не писать свой сниппет для отправки ajax а использовать AjaxForm где в параметре snippet передать имя своего сниппета, а в параметре, например, method передать название сниппета из компонента Login. Таким образом сохраняется функционал обоих компонентов и свой js можно не писать. Но я по-прежнему не уверен, что использовать runSnippet оптимальное решение.

спасибо за комментарий
1) я так и сделал, копирнул default1.js, прописал к нему путь в ms2_frontend_js
подправил, но цена меняется только у одного товара, у которого изменяю количество
2)плагин не подойдет, т к оптовая цена там зависит от количества, а мне нужно от общей сумы

Это прекрасно, а выводить их как? Прикручивать плагин или писать свой вариант для показа уведомлений?

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

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