Эм…
Ширина 320 — старые телефоны, но да надо принимать в расчет (это и просто дешевые телефоны, но это клиенты).
400, 470 — это что?

Зачем себе так усложнять жизнь?
Делаем 700 px (если в мобиле в один ряд, а на планшете в 2 ряда картинки) и забываем про все. Ширина 700 была выбрана путем создания многих сайтов и анализом ошибок конкурентов, когда те выбирали что-то вроде 500px и бутстрап калечил картинку (не на всю ширину показывал) на телефонах.

<img src="image.jpg" loading="lazy" alt="..." />

Решит все проблемы, и PageSpeed и реальную загрузку по тому же PageSpeed, результаты в «полях» — все равно пока картинка не видна — не грузится. А сервис webpagetest поможет понять как оно на мобиле все грузится.

ИМХО, не раз видел реализацию через picture, но не разу не понимал чем она лучше loading=«lazy» (да давно понял что удобство для пауков и пользователей разные вещи. В этом случае пауки важнее)

такая конструкция вызывает ошибку:
Fatal error: Uncaught Error: Call to a member function getTVValue() on null in C:\OSPanel\domains\ave.com\core\cache\includes\elements\modsnippet\38.include.cache.php:97 Stack trace: #0

Вызов первого изображения делаю таким образом:

[[!pdoResources?
&parents=`6`
&limit=`30`
&sortby=``
&tpl=`mainpage_model_tpl`
&includeTVs=`assetsTV,name`
]]

Сам mainpage_model_tpl:

<a class="slider_item" href="[[~[[+id]] ?&scheme=`full`]]" style="background-image: url([[!assetsTV? &resId=`id` &tv=`assetsTV` &tpl=`@CODE:[[+atv.url]]` &limit=`1`]])">
<div class="slider_item__tags">
....

Что не так?

<base href="https://site.by/"

Содержит ли закрывающий "/"?

или прописан ли в ссылке на
«template/js/lazysizes.min.js»
открывающий "/"
"/template/js/lazysizes.min.js"
без него «агенту» надо искать в «папке» документа, а не с корня.

Нее, парни, это совсем не то, что требуется. Продублирую заголовок топика «TV-поле привязка к конкретному ресурсу (странице) ». Не скрыть, не под ковёр замести, а именно привязать.

Создал ресурс, создал TV-поле, привязал. В случае отвязки TV от ресурса данные поля в БД не хранятся, удаляются.
Разнообразие полей и их кастомизация в modx впечатляет, но сама реализация принципа ресурс-TV скорее для галки. Отталкиваюсь от профильных cms, ну да, оно и понятно, ведь профильные. Ок, будем работать с тем, что есть.

modx.pro/help/22993#comment-134159

Спасибо всем отписавшимся за помощь и время!

Отправил коммит: github.com/modxcms/revolution/compare/2.x...tanzirev:patch-2
Возможно что в 2.8.5 ошибка будет исправлена.

Можно =)
Но есть бага в самом MODX.

github.com/modxcms/revolution/blob/v2.8.4-pl/core/model/modx/modmanagercontroller.class.php#L847

А вот для TV полей данное условие не прописали:
github.com/modxcms/revolution/blob/v2.8.4-pl/core/model/modx/modtemplatevar.class.php#L627

Поэтому TV поля не скрываются как надо. Зато скрывается всё остальное (т.е. правило срабатывает).

Спасибо!

Нет нельзя. Сейчас специально проверил.

В «Ограничивающее значение» можно указать несколько id через запятую.
Перечислите id у которых нужно скрыть TV.

Добавлю, что при этом если включен Ceil Editor, работать он не будет. Решить эту проблему мне не удалось.

Смотреть в документацию и перезапускать ваши скрипты после срабатывания фильтров

Не драматизируй. При кэшированном вызове страницы понадобится только один раз подождать, а не каждое обновление страницы.

<br />
<b>Fatal error</b>:  Uncaught Error: Class 'modBrowserFileUploadProcessor' not found in /путь к сайту/core/components/mixedimage/processors/browser/file/upload.class.php:11
Stack trace:
#0 /путь к сайту/core/model/modx/modx.class.php(1748): include_once()
#1 /путь к сайту/core/model/modx/modconnectorresponse.class.php(144): modX->runProcessor('browser/file/up...', Array, Array)
#2 /путь к сайту/core/model/modx/modconnectorrequest.class.php(86): modConnectorResponse->outputContent(Array)
#3 /путь к сайту/core/model/modx/modconnectorrequest.class.php(73): modConnectorRequest->prepareResponse(Array)
#4 /путь к сайту/assets/components/mixedimage/connector.php(13): modConnectorRequest->handleRequest(Array)
#5 {main}
  thrown in <b>/путь к сайту/core/components/mixedimage/processors/browser/file/upload.class.php</b> on line <b>11</b><br />

Такое на трех сайтах. Пытается использовать старый процессор,

/mixedimage/processors/browser/file/upload.class.php

хотя в новой версии он тут

mixedimage/processors/file/upload.class.php

Добавление кода в старый процессор решает проблему. В старой версии подключение было в коннекторе.

if (!class_exists('\MODX\Revolution\modX')) {
    require_once MODX_CORE_PATH.'model/modx/modprocessor.class.php';
    require_once MODX_CORE_PATH.'model/modx/processors/browser/file/upload.class.php';
} else {
    class_alias(\MODX\Revolution\Processors\Browser\File\Upload::class, \modBrowserFileUploadProcessor::class);
}

Получается вы ответили что «через настройку форм сделать как нужно автору нельзя»

— Создал форму с параметрами выбора суммы и тп
— При нажатии кнопки «В корзину» сохраняю куки с новой ценой, ловлю событие «OnSHKgetProductPrice»

<?php 
 /* Выбор цены товара при добавлении в корзину. $price, $id, $purchaseArray */
    case "OnSHKgetProductPrice":
        // Конструктор 
        $price = $myprice;/// тут принимаем новое значение

        $modx->event->output($price);
        break;

Может что то такое подойдет.

ваши страницы станут открываться в разы или десятки раз медленнее. Особенно если это какая то категория товаров и отображается 60 товаров и нужно в реальном времени «наложить» 60 водяных знаков. Обновили страницу — и все по новой, снова накладываем 60 водяных знаков.

А готовые модули такие бывают?

[[!assetsTV? &resId=`id` &tv=`assetsTV` &tpl=`assetsTV-tpl-file` &limit=`1`]]

В начале кода сниппета есть справка.

Прошу прощения за некропостинг, но вдруг кому-то поможет решение.
В get процессор

public function cleanup()    {
        $data = $this->object->toArray();
        if($data['categories']){
            $data['categories[]'] = [];
            foreach($data['categories'] as $id){
                $data['categories[]'][]['id'] = $id;
            }
        }
        return $this->success('', $data);
    }

Чтобы вернулось из процессора поле с [] и массивом для поля valueField в компоненте superboxselect

[categories] => Array
        (
            [0] => 1
            [1] => 3
        )

    [categories[]] => Array
        (
            [0] => Array
                (
                    [id] => 1
                )

            [1] => Array
                (
                    [id] => 3
                )

        )