AdNahim

Решилось обращением в Яшу.
Всё поправили.

Разобрался.

в /core/model/modx/processors/resource лежит getnodes.class.php. В нём как раз таки и происходит выставление классов в зависимости от состояния чекбокса.

Не стал делать отдельный чекбокс. И так как не использовал поле menutitle, то привязался к нему.

В функцию prepareResourceNode() добавил:

if ($resource->get('menutitle') == "!") $class[] = 'my_class';

До класса (.my_class) уже добираюсь плагином на событии OnManagerPageInit, с таким содержимым:

$modx->regClientStartupHTMLBlock('<link rel="stylesheet" type="text/css" href="'.MODX_BASE_URL.'assets/css/my_style.css" />');

Соответственно в my_style.css нужные стили, например:

.my_class a span {
	color: green;
}

Решение нашлось.

Чтобы дать понять мусташу, что {{конструкиця}} не должна обрабатываться на стороне сервера, надо выделить требуемый участок разметки конструкцией: {{={{{ }}}=}} ... {{{={{ }}=}}}.

Итого, в моём случаи это так:

{{={{{ }}}=}}
   <div id="app" data-name="{{name}}">{{name}}</div>
{{{={{ }}=}}}

Что-то сглупил ) раз контейнер - это массив, то что же мешает сделать unset?

всё получилось.

unset($extended['мой_контейнер]);

hover - устарел, вроде как начиная с 1.9. Следует использовать mouseenter/mouseleave

var bar = $('.bar-text');
            
bar.mouseenter(function() {
    $(this).css('background-color', 'black');
  })
  .mouseleave(function() {
    $(this).css('background-color', 'transparent');
  });

Выставить в настройках Доп. поля - "Доступно для шаблонов". Выбрать шаблоны в которых требуется выводить это доп. поле. Категории же имеют общий шаблон вывода наверно, а если нет, то выбрать несколько шаблонов.

Разобрался.
Вполне вероятно, что не совсем корректно, но всё-же.

Предварительно получаю id через username, а затем уже дополнительное поле, как в вопросе.

$username = 'username';
$query = $modx->newQuery('modUser', array(
    'username' => $username,
));
$query->select('id');
$userId = $modx->getValue($query->prepare());

<div class="input">
    <input type="text" value="Имя..." />
</div>

.input input {
    font-size:20px;
    border:none;
    outline:none;
    background: transparent;
}
.input {
    border:none;
    display:inline-block;
    border-bottom:solid #333 2px;
}
.input:before, .input:after {
    content:" ";
    display: inline-block;
    vertical-align:bottom;
    height: 5px;
    width: 2px;
    background: #333;
}

jquery:
к примеру

$(':checkbox').change(function(){
    var c = this.checked ? '#ff0000' : '#000';
    $('.spoil-table').css('color', c);
});

при checked цвет текста в .spoil-table красный.

Ну или так тоже вариант:

<div class="container">
    <div class="box"></div>
  </div>

.container {
  position: relative;
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 0 1.5%;
  text-align: center;
}


.box {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  width: 20px;
  height: 20px;
  background-color: #c2c;
}