Danny Arty

Как вы пытались реализовать и что не получилось?
Примеров таких слайдеров в интернете просто море. Вот например с помощью Swiper.
Если будете использовать loop, то значение slidesPerView должно быть больше как минимум в 2 раза, чем общее количество слайдов.

Заходите в системные настройки и делаете поиск по ключу use_alias_path. Указываете "Да"


Либо, если там указано "Да", то у ресурса Новости во вкладке Настройки поставьте галочку Использовать псевдоним в пути псевдонимов

У Swiper есть отличная документация.
Если бы вы ее прочитали, то увидели бы, что делается это очень просто:

const mySwiper = new Swiper('.slider-3steps', {
  scrollbar: {
    el: document.getElementById('swiperScrollbar') //где swiperScrollbar - id скорллбара соответственно
  },
});

Ну так если вы выводите блоки в цикле, то логично, что и swiper нужно инициировать в цикле.

let containers = document.getElementsByClassName('promo-group__swiper-container');
Array.from(containers).forEach(function(element) {
    var swiper = new Swiper(element, {
       navigation: {
          nextEl: element.querySelector('.swiper-button-next'),
          prevEl: element.querySelector('.swiper-button-prev')
       }
    });
});

Я так понимаю у вас две языковые версии сайта. Значит есть два контекста, верно?
Ну так создайте в разделе Управление словарями две записи с одним ключом, но для разных языков.
И в чанке, там где текст кнопки, выводите условно так:

{'ключ_записи' | lexicon :  $_modx->config.cultureKey}

А где у вас вообще позиционирование и вам не нужен position: relative, достаточно одного flex

Ну WP огромную долю занимает, да. Но я бы не сказал, что без CMS не обойтись. Просто мне кажется, что ваши навыки недостаточно высоки, учитывая что за полгода вы прошли столько курсов. Всего и понемножку, а не что-то одно, зато углубленно.
Будем честны: те, кто работает только на фреимворках (фронт/бэк), вряд ли будут брать вас в команду, ибо придется многому обучать, а кто даст гарантию, что вы после получения навыков и обучения не уйдете? Я не говорю, что таких нет, просто их доля на рынке значительно меньше.
Так что вашими задачами на текущий момент, имхо, должны быть набивка портфолио и улучшение навыков.
Либо вам стоит пересмотреть критерии поиска. Может вы слишком высокую зарплату требуете? Также важна локация - т.е. в условном Курильске точно будет сложно найти желаемую вакансию по этим требованиям.

Их нужно инициализировать в цикле, а вы по сути только один:

var sliders = document.querySelectorAll('.swiper'),
    prevArrow = document.querySelectorAll('.swiper-btn-prev'),
    nextArrow = document.querySelectorAll('.swiper-btn-next');
sliders.forEach((slider, idx) => {
    let swiper = new Swiper(slider, {
        slidesPerView: 6,
        spaceBetween: 10,
        navigation: {
          nextEl: nextArrow[idx],
          prevEl: prevArrow[idx],
        },
        breakpoints: {
          320: {
            slidesPerView: 2,
            spaceBetween: 10
          },
          480: {
            slidesPerView: 3,
            spaceBetween: 10
          },
          970: {
            slidesPerView: 6,
            spaceBetween: 10
          }
        }
      })
})

Modx Revo - бесплатная опенсорсовая CMF.
Есть магазин дополнений от разработчиков из СНГ - modstore, там можно купить дополнения с РФ. В принципе и у зарубежного modmore тоже можно.
В большинстве случаев, если у вас не интернет-магазин, задачи можно решить и бесплатными дополнениями.

А почему бы не сделать это сразу на бэке, вместо того, чтобы тратить ресурсы пользователя?
Ну если вдруг такой "возможности" нет, то можно сделать и на CSS:

ul {
   display: flex;
   flex-direction: column;
}
.lang-item-10 {
   order: 1;
}
.lang-item-2 {
   order: 2;
}