Благодарю вас! Заработало! Помогли строчки

&processTVs=`imagecat`
&prepareTVs =`imagecat`

Хотя в какой-то момент они у меня стояли, но может не срабатывали при image+.
Сейчас работает если включить любую из этих строк. Т.е либо processTVs либо prepareTVs. Вместе тоже работают.

Нее… смотрите.
включаете тип поля Картинка. сохраняете. смотрите во вкладку Параметры вывода — ставите по умолчанию. (если стоит — ок).
Идете в ресурс вложенный где родитель id20 — проверяете что картинка отображается и на месте. сохраняете этот ресурс на всякий случай.
Далее идем в код где вы пишите pdoMenu:

[[!pdoMenu?
&parents=`20`
&level=`0`
&includeTVs=`imagecat`
&processTVs=`imagecat`
&prepareTVs =`imagecat`
&tpl=`block_categories`
]]

Чанк block_categories при этом:

<div class="">
<b>URL: [[+imagecat]];</b>
        <a href="[[~[[+id]]]]"><img src="[[+imagecat]]" alt="[[+pagetitle]]"></a>
        <div class=""><h4><a href="[[~[[+id]]]]">[[+pagetitle]]</a></h4></div>
    </div>

При выборе тип Изображение, повторюсь, ничего не меняется. То есть загруженные картинки всё также не отображаются. Удаление компонента image+ также ничего не даёт…

Код из пункта 3 передаёт данные. Но я тебе рекомендую подождать до завтра. Завтра будет другая инструкция, попроще

В консоли нет ошибок, я не понимаю КАК мне передать в это окно заказ.
Я вывел в шаблоне

[[msOrderCustom?
	&tpl=`tpl.msOrder.oneClick`
]]

В tpl.msOrder.oneClick шаблон модального окна.
Как мне передать заказ в это модальное окно не понимаю

Я же про ошибки в консоли спрашивал, а не про то получается оформить заказ или нет.

Выберите обычный тип Изображение.
Или вам принципиально чтобы image+ был у вас?

Сторонний компонент — это image+, он у меня упомянут в первом сообщении.
disk.yandex.ru/i/rVyWuJgOUH2fxQ
Но, при выборе тип ввода — изображение, ничего не меняется.

у вас установлен какой-то сторонний компонент по фоткам. откройте вкладку
параметры ввода и покажите
joxi.ru/Y2LYgPnT76QQbA

Выводит модальное окно по ссылке:

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#oneClickModalForm">
  Заказать в один клик
</button>

, но в нем нет самого товара, нет стоимости, т.е. товар не подгружается. При попытке от отправить заказ, пишет: «Невозможно оформить пустой заказ»

Повторю картинку заполнения tv поля в ресурсе:
disk.yandex.ru/i/egoA_EV5vQG6UQ
Судя по ней, id родителя — 20, я его и указываю.
Вот здесь видно имя tv поля:
disk.yandex.ru/i/AhPi4FoSE_27GQ
Что ещё может быть?

Т.е. у вас всё точно по инструкции… А в консоли браузера ошибки есть?

ЧТо-то ушли все не туда.
Если вы вызываете так:

[[!pdoMenu?
&parents=`20`
&level=`0`
&includeTVs=`imagecat`
&tpl=`block_categories`
]]

То у вас картинка будет в плейсхолдере в tpl block_categories
как [[+imagecat]] и ни как иначе.
Если не выводиться — проверьте что в дочерних заполненто поле imagecat
проверьте верность написания и что родитель 20- верный.

Такой код тоже не срабатывает:

<div class="">
        <a href="[[~[[+id]]]]"><img src="[[+imagecat.sourceImg.src]]" alt="[[+pagetitle]]"></a>
        <div class=""><h4><a href="[[~[[+id]]]]">[[+pagetitle]]</a></h4></div>
    </div>

Ни при:

[[!pdoMenu?
&parents = `20`
&level=`0`
&includeTVs = `imagecat`
&tpl = `block_categories`
&tvPrefix = ``
]]

Ни при:

[[!pdoMenu?
&parents = `20`
&level=`0`
&includeTVs = `imagecat`
&tpl = `block_categories`
]]

Или вместо sourceImg должно быть какое-то другое значение?

Откуда там могло появиться столько массивов? Что этому способствует?

Модальное окно понятно, я имею ввиду саму ссылку:
Как она должна выглядеть: напр.

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#msOrderCustom">
  Заказать в один клик
</button>

Но это просто вызывает модальное окно и не выводит значений

В моём случае это обычное модальное окно Bootstrap, что у вас не знаю.

Артур, я начинающий, а как вызвать то модальное окно, что должно быть в ссылке «Заказать в один клик»?

Небольшая корректировка, вот так [[+tv.imagecat.sourceImg.src]] там еще один массив

Ничего смешного тут нет. Я просто не вижу какой у вас сейчас вызов, может tv не нужен.

Будете смеяться, но такой код тоже не срабатывает:

<div class="">
        <a href="[[~[[+id]]]]"><img src="[[+tv.imagecat.src]]" alt="[[+pagetitle]]"></a>
        <div class=""><h4><a href="[[~[[+id]]]]">[[+pagetitle]]</a></h4> </div>
    </div>

А почему, кстати, tv стало массивом? Это где-то прописывается?