Realetive

Вас не спасёт ни MODX, ни БЭМ, ни React'ы с Angular'ами. Если использование инструментов сборки вызывают сложности — не используйте. Целесообразность их использования приходит лишь с опытом понимания того, что вы реально можете автоматизировать, от «магии» толку мало.
Это я вам говорю, как адепт БЭМ-стека (ага, того самого, из Яндекса) и амбассадор MODX.

Вам нужно переопределить directions попапа в шаблоне по умолчанию: https://github.com/bem/bem-components/blob/v6.0.0/...

На самом деле всё проще, достаточно использовать модификаторы:

<!-- Первый слайдер -->
<div class="slider slider_promo">
    <div class="slider__track">
        <div class="slider__slide"></div>
    </div>
    <div class="slider__arrows"></div>
</div>

<!-- Второй слайдер -->
<div class="slider slider_grid">
    <div class="slider__meta">
        <div class="slider__description"></div>
    </div> 
    <div class="slider__track">
        <div class="slider__slide"></div>
    </div>
    <div class="slider__arrows"></div>
</div>

MODX тут ни при чём. Чтобы работали псевдоэлементы, обязательно должно быть свойство content:

.work-item__model-1::before {
  content: '';
  /* … */
}

Самое банальное решение — повторный вызов [[getImageList]] с тем же TV, но новым &tpl для точек-индикаторов. В каждом шаблоне доступны дополнительные плейсхолдеры, от которых можно плясать, например:

<li data-target="#swiper" data-slide-to="[[+idx:decrement]]" [[+id:is=`1`:then=`class="active"`:else=``]]>

Фильтр :decrement уменьшает значение на 1, т. к. у getImageList счёт почему-то начинается с единицы. второй плейсхолдер проверяет условие, что если это первый элемент, назначить ему класс active.

Читай документацию — там всё написано: docs.modx.pro/components/pdotools/snippets/pdomenu , раздел Параметры CSS классов, двадцать четвёртым пикселем заголовок написан. Как только возникнет следующий вопрос — читай документацию. Если не нашёл ответ — читай документацию. Если хочешь понять, как работает — смотри в исходники.
P. S. Ты где вообще такой синтаксис откопал: [[+class='nab-btns']]?