Danny Arty

Расширять, как и любую другую модель в Modx.
1) Создаете js-скрипт, в котором наследуете GAL.panel.Album, код которого находится в assets/components/gallery/js/mgr/widgets/album/album.panel.js, добавив туда свое поле в items.
2) Добавляете поле в таблицу modx_gallery_albums (префикс modx_ может отличаться) с именем, которое указали в атрибуте name у поля из предыдущего пункта.
3) Создаете плагин на событие OnManagerPageBeforeRender, который будет регистрировать созданный ранее js-скрипт на странице админки.

Это правильный путь к решению, так как его не затрут обновления компонента Gallery.
Есть путь проще, но тогда компонент нельзя будет обновлять - вместо наследования в 1-ом пункте и создания плагина из 3-го пункта, просто добавляете поле в код в album.panel.js и добавляете его в таблицу modx_gallery_albums. Все.

Либо можно сделать без расширения полей, но костылем. Можно использовать поле Описание альбома, как контейнер для всех языковых версий, просто нужно определить синтаксис для указания ключа контекста (если делали с помощью Babel) и перевода. Грубо говоря ru=текст|en=текст|de=текст, только надо определиться с разделителями.
Не знаю, что вы там указываете, допустим название на разных языках. Получается в поле Описание просто указываете примерно так:

ru>Дизайн буклетов для свадьбы|en>Wedding brochure design|de>Gestaltung einer Hochzeitsbroschüre

> - разделитель ключа контекста от перевода
| - разделитель языковых переводов

Если у вас сделано с помощью Babel и в месте вывода идет проверка ключа контекста, то теперь достаточно написать простой сниппет с одним входным параметром - ID альбома, который разобьет содержимое поля Описание на массив (язык-перевод) и исходя из ключа текущего контекста, выведет нужный перевод.

Основы HTML. У вас ни один флажок по умолчанию не отмечен, а форма в таком случае не будет отправлять значение при сабмите. Поэтому помимо всего прочего вам нужно добавить в форму скрытое поле, т.е. типа hidden с таким же именем:
<input type="hidden" name="way[]" value="">

Я использовал maphilight.js

Придется наверное писать ajax-запрос и его обработчик. Так как в ui передаются только следующие параметры: id-товара, label для autocomplete, url-товара и его название.
Тебе нужно в методе select, который на последнем скрине, написать ajax-post запрос, в котором ты будешь передавать id товара. Далее этот запрос обрабатывай плагином или сниппетом и возвращай готовую обертку модалки и выводи ее.
Как работать с Ajax, есть старая добрая статья от Василия по ссылке.

Ну дык ты get-запрос делаешь на страницу izbrannoe.html, которой у тебя нет, или она не опубликована. Твой скрипт тупо падает

SimpleSearch из бесплатных, из платных mSearch2.
Я лично свое решение использую.

Вы забыли указать url, т.е.

style={{ backgroundImage: `url("/images-1.jpg")` }}

Если я правильно понял задачу.

function activeNUM() {
    let currentNum = 42;
    numList.each(function(idx) {
      if (idx != numList.length - 1) {
        if (currentNum >= $(this).attr('data-num') && currentNum < numList.eq(idx + 1).attr('data-num')) {
          $(this).addClass('active');
        }
      }
    });
}

Потому что swiper у вас инициализирован с самого начала.
Вы бы хоть доку почитали, она ведь максимально понятная.

768: {
enabled: false,
slidesPerView: 5,
}

Я так понимаю, что этими строчками вы якобы хотели инициировать swiper по бреикпоинту, но это так не работает.
Сделайте так:

let breakpoint_mobile_min = window.matchMedia('(min-width: 768px)'),
         projectInit = false,
         projectSlider= Swiper;

function projectSliderInit() {
        if (breakpoint_mobile_min.matches) {
            if (projectInit) {
                if ($('#slider3').hasClass('swiper-initialized')) {
                    projectSlider.destroy();
                    projectInit = false;
                }                
            }            
        } else { 
            if (!projectInit) {
                projectInit = true;
                projectSlider= new Swiper('#slider3', {
                    navigation: {
                       nextEl: '.swiper-button-next',
                       prevEl: '.swiper-button-prev',
                       enabled: false,  //определитесь нужны вам стрелки или нет
                    },
                    pagination: {
                       el: '.swiper-pagination',
                       clickable: true,
                    },    
                    slidesPerView: 1,
                });
            }           
        }
}
$(window).on('resize load', function () {
   projectSliderInit();
});

Там же написано массив объектов. Если не знаешь, что это, то можно загуглить. В твоей задаче в PHP примерно следующий вид:

$items = array(
    0 => array(
        'article' => 'sku22',
        'brand' => 'Toyota',
        'SupplierName' => 'Kolesa LLP',
        'CostSale' => 512
    ),
    1 => array(
        'article' => 'ads2512',
        'brand' => 'Nissan',
        'SupplierName' => 'RDM',
        'CostSale' => 6115
    ),
);

echo json_encode($items);
//Результат [{"article":"sku22","brand":"Toyota","SupplierName":"Kolesa LLP","CostSale":512},{"article":"ads2512","brand":"Nissan","SupplierName":"RDM","CostSale":6115}]