srcset minishop2 для ПК и телефона

Иногда необходимо на телефоне и на компьютере (а так же на retina-дисплеях) выводить разные фотографии, или с разным размером, как рекомендует, например google pagespeed. Для этого нужно в Источнике файлов minishop2 добавить типы image и image_mobile и далее можно вызвать следующий код:

<picture>
    <source type="image/webp" media="screen and (max-width: 576px)" srcset="{$one.image_mobile | phpthumbon : '&w=500&h=878&zc=1&f=webp'} 1x, {$one.image_mobile | phpthumbon : '&w=1000&h=1756&zc=1&f=webp'} 2x">
    <source type="image/webp" media="screen and (min-width: 577px)" srcset="{$one.image | phpthumbon : '&w=1720&h=666&zc=1&f=webp'}">
    <source type="image/jpeg" media="screen and (max-width: 576px)" srcset="{$one.image_mobile | phpthumbon : '&w=500&h=878&zc=1&f=jpg'} 1x, {$one.image_mobile | phpthumbon : '&w=1000&h=1756&zc=1&f=webp'} 2x">
    <source type="image/jpeg" media="screen and (min-width: 577px)" srcset="{$one.image | phpthumbon : '&w=1720&h=666&zc=1&f=jpg'}">
    <img src="{$one.image | phpthumbon : '&w=1720&h=666&zc=1&f=jpg'}" alt="" class="main-slider-carousel-item__image">
</picture>