Хотя тот же размер и цвет есть по дефолту

Я так понял, что ему надо подбор товаров по параметрам, а не просто заказ товара с выбранными параметрами. Тут или как выше подсказали надо мСёрч использовать, точнее, мФильтр, либо сам делаешь форму с нужными параметрами и по её отправке шлёшь челика на страницу с нужными товарами, выбранными через мсПродуктс и правильно составленным where.

Спасибо. Подскажите, как передать параметры из формы на страницу?

Ну ты для форм формит используешь?

Пока что ничего. Через FormIt можно?

Ну, я бы сказал, нужно.

У него есть в комплекте хук для редиректа, так вот, там можно передать параметры, надо из формы эти параметры сформировать и редирект сделать.

Либо, если использовать аякс-форм, то надо написать свой запрос с фронта, который бы на беке дёргал вызов мсПродуктс и возвращал результаты куда там тебе надо.

Ок. Спасибо.

Только если будешь использовать вариант с передачей параметров, не забудь про экранирование.

Вот как такое реализуете я бы очень хотел увидеть. Если вас не затруднит когда у вас все получится можете заметку сделать ?

Возможно через аякс-форм сделать вызов сниппета мсПродуктс на этой же странице?

Да, надо на событие af_complete повесить свой скрипт-обработчик, который бы делал запрос к какому-то твоему коду на бекенде, получал у него ответ от мсПродуктс и пихал куда надо на страницу.

Подскажите, пожалуйста.

[[!FormIt?
   &hooks=`redirect`
   &redirectTo=`764`
]]
<form method="post" class="form">
    <div class="select-and-button">
      <div class="select-header">
        Тест:
      </div>
      <div class="inputs">
        [[!msProducts?
          &parents=`0`
          &depth=`0`
          &level=`0`
          &limit=`0`
          &tpl=`testInput`
        ]]
      </div>
      <div class="select-button">
        <button type="submit" class="btn btn-primary">Далее</button>
      </div>
    </div>
  <input type="hidden" name="resId" id="resId" value="[[~[[*id]]]]" />
</form>

testInput:

<div class="input">
    <input id="price[[+id]]" type="checkbox" value="[[+price]]">
    <label for="price[[+id]]">[[+price]]</label>
</div>

Выбираю цену. Отправляю форму. После редиректа, на странице пытаюсь показать цену вот так:

{$price ?: 'Пусто'}

Показывает:

Пусто

Как после редиректа вывести выбранную цену?

у редиректа есть параметры, почитай.

не могу найти про параметры подробно

только это нашёл - https://docs.modx.com/current/en/extras/formit/formit.hooks/redirect

[[!FormIt?
   &hooks=`redirect`
   &redirectTo=`764`
]]
<form method="post" class="form">
    <div class="select-and-button">
      <div class="select-header">
        Тест:
      </div>
      <div class="inputs">
        [[!msProducts?
          &parents=`0`
          &depth=`0`
          &level=`0`
          &limit=`0`
          &tpl=`testInput`
        ]]
      </div>
      <div class="select-button">
        <button type="submit" class="btn btn-primary">Далее</button>
      </div>
    </div>
  <input type="hidden" name="resId" id="resId" value="[[~[[*id]]]]" />
</form>

<div class="input">
    <input id="price[[+id]]" type="checkbox" value="[[+price]]">
    <label for="price[[+id]]">[[+price]]</label>
</div>

{$price ?: 'Пусто'}

Пусто

по идее нужно хук написать в котором цену сохранить в сессию

Разобрался.

Как такое правильно записать?

[[!msProducts?
    &parents=`0`
    &where={ "РОДИТЕЛЬ РОДИТЕЛЯ pagetitle:LIKE":горизонтальный }
 ]]