Сергей Росоловский

Если это то что я думаю, то логотип так задуман. Спасибо за тест.

Да уж, в этой адаптивности камней подводных много. В принципе это контейнер, можно и без него обойтись одним img вместе с srcset и sizes. А кто имеет iPhone или iPad, протестируйте https://novabrama.com.ua/catalog/bramy/, тут на украинском, но все же интересно как смотрется на ретина дисплеях будет.

Похоже эти фокусы с изображениями не все мобильные браузеры поддерживают. Например Хром на Андроиде 4.4, все хорошо, а вот UC Browser уже как-то не совсем хорошо.

Но вот если так сделать, (тут у меня ms2Gallery, но это неважно) + еще lazyload прикручен, то гугловский тест проходит!!!
Я так понял в data-original надо изначально прописывать наименьший размер превью, в моем случае [[+184x138]], а там уж бутстрап сам разберется что показывать.

<picture>
      <source media="(min-width: 1200px)" srcset="[[+234x175]]" width="234" height="175">
      <source media="(min-width: 992px)" srcset="[[+184x138]]" width="184" height="138">
      <source media="(min-width: 768px)" srcset="[[+311x233]]" width="311" height="233">
      <source media="(max-width: 767px)" srcset="[[+670x503]]" width="670" height="503">
      <img
            class="lazy img-responsive" width="100%" height="100%"
            src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
            data-original="[[+184x138]]">
</picture>

Да гугл видит только эту, да и при тестировании в gtmetrix тоже эту видит. Но по факту в браузере ресайзит правильно, в зависимости от размера экрана. Иногда даже видно подгрузку превью когда проходишь точку излома.

Да, гугловский тест видит только наибольшую из перечисленных превью и пишет что надо бы оптимизировать изображения :) Хотя если правой клавишей мыши сохранять изображение из сайта то сохраняется нужный размер.

Пока что сделал так используя phpThumbOn, можно и на ms2Gallery переделать

<picture>
      <source media="(min-width: 1200px)" srcset="[[+tv.ProductImage:phpthumbon=`w=234&h=175&zc=1`]]">
      <source media="(min-width: 992px)" srcset="[[+tv.ProductImage:phpthumbon=`w=184&h=138&zc=1`]]">
      <source media="(min-width: 768px)" srcset="[[+tv.ProductImage:phpthumbon=`w=311&h=233&zc=1`]]">
      <img class="img-responsive" src="[[+tv.ProductImage:phpthumbon=`w=670&h=503&zc=1`]]">
 </picture>

Кажется mobiletetect не всегда правильно определяет, но надо поюзать.

Ну ms2Gallery у меня есть, (еще с тех времен когда она свободно лежала на гитхабе), но сайт еще до того уже был наполнен ресурсами где к кажому ресурсу были tv поля с картинками. Да ms2Gallery пользоваться удобно, думаю перейду на нее, но правда не знаю как это поможет в плане скорости загрузки картинок и траффика.
И с lazysizes, я просидел целый вечер но так и не смог заставить работать. А вот простой lazy load прикрутил, но это просто отложенная загрузка, траффик тот же.
P.S.
Хорошо картинки сделаны на vrmedia.tv, но там проще, сайт не адаптивный.

Интересно, а как на vrmedia.tv сделано просмотр большой версии фото? Вижу при клике на фото идет ajax-запрос в компоненте Office к action.php. Как это организовано?

Ну все как всегда.
Как только напишу на modx.pro, так сразу и нахожу ошибку, хотя до этого в упор не видел :)
Все заработало.

Ну раз никто не ответил. Напишу тогда сам как удалось исправить проблему. Может кому надо будет.
В php.ini на сервере прописываем путь к CA сертификату

openssl.cafile = "/etc/ssl/ca-bundle.crt"
openssl.capath = "/etc/ssl"

Далее в настройках почты в панели управления MODx в SMTP-хосты (mail_smtp_hosts) прописываем FQDN имя нашего хоста, такое же как в Common Name при создании SSL сертификата, иначе не заработает. Теперь отправка почты через SMTP с шифрованием TLS средствами PHP работает. Такой вот маленький момент вроде как начиная с PHP 5.6 и дальше.

:) мдя, интересно вышло, просто у меня iframe поперли при открытии страницы, и я вот просматривая исходник страницы выходит лоханулся.

У меня такая ошибка генерировалась в чанке тикета, где я прописал свой код, а код по умолчанию закомментировал. Ошибок нигде не было, но как только я вобще удалил закомментированный код ошибка пропала.

Надо же :) Там стоит %alias.%ext
Спасибо. Невнимательно смотрел оказывается.

Вам сюда https://modx.pro/help/1496/

Спасибо, я видел, но это немного не то что мне нужно.
Мне в сниппете просто надо генерировать ссылки при клике на которые откроется лента публикаций за определенный месяц. Вот я и мастерю свой велосипед.

Спасибо Максим, помог.
Я вот пытаюсь сделать архив тикетов, так как в Wordpress, ссылка на месяц, в скобках количество публикаций за этот месяц и при клике на ссылке открывается лента публикаций за этот месяц.

Wow, it's great!!! Спасибо :) Под свои потребности отшлифую сам.

Так вроде проект ms2Gallery на гитхабе лежит, можно ведь скачать бесплатно.