Владимир

юзер заполняет картинки только в ru контексте

[[ms2Gallery? &resource=`[[*LanguageLinks:getID]]`]]

в ресурсе ТВха бабела, через свой фильтр получающая id

<?php
$input = explode(';', $input);
foreach ($input as $row) {
    $tmp = explode(':', $row);
    $array[$tmp[0]] = $tmp[1];
}
return $array[ru];

Описания картинок соответственно тоже нужно заполнять в одном месте в определённом формате (ru==Картинка1||en==Picture1)

<div class="span2 col-sm-2">
	<a href="[[+360x270:default=`[[+url]]`]]" class="thumbnail" data-image="[[+url]]">
		<img src="[[+120x90]]" alt="[[+description:getTXT]]" title="[[+name:getTXT]]" width="120" height="90">
	</a>
</div>

<?php
$lang = $modx->getOption('cultureKey', null, 'default');

$input = explode('||', $input);
foreach ($input as $row) {
    $tmp = explode('==', $row);
    if ($tmp[0] == 'web') {$tmp[0] = 'sk';} // язык для стандартного контекста
    $array[$tmp[0]] = $tmp[1];
}
return $array[$lang];

Как-то так:

Вызов Ms2Gallery с пагинацией:

[[!pdoPage@infiniteScroll?
	&element=`ms2Gallery`
	&loadModels=`ms2Gallery`
	&limit=`30`
	&frontend_css=`` 
	&frontend_js=``
	&cache=`1`
	&cacheTime=`3600`
	&sortdir=`ASC`
]]

tpl.ms2Gallery.row

<div class="item grid-sizer uk-overlay uk-overlay-hover"> 
	<a href="[[+1280x:default=`[[+url]]`]]" class="thumbnail" data-image="[[+url]]" title="[[+name]]" >
		<img class="uk-overlay-spin" rel="zoom"  src="[[+220x]]" alt="[[+name]]" title="[[+name]]" >
		<div class="uk-overlay-area uk-overlay-panel uk-overlay-icon uk-overlay-fade"></div>
	</a>
</div>

tpl.ms2Gallery.outer

[[+rows]]

Скрипты:

[[MinifyX? 
    &jsSources=`
        [[++site_url]]tpl/js/jquery-1.11.1.min.js,
        [[++site_url]]tpl/js/gallery/imagesloaded.pkgd.min.js,
        [[++site_url]]tpl/js/gallery/masonry.pkgd.min.js,
        [[++site_url]]tpl/js/gallery/jquery-ias.min.js,
        [[++site_url]]tpl/js/lightbox/jquery.hammer.min.js,
        [[++site_url]]tpl/js/lightbox/jquery.tosrus.min.all.js,
        [[++site_url]]tpl/js/setting/potrfolio.js
    ` 
    &cssSources=`
        [[++site_url]]tpl/js/gallery/jquery.lazyloadxt.fadein.css,
        [[++site_url]]tpl/js/lightbox/jquery.tosrus.all.css,
        [[++site_url]]tpl/css/folio.css,
    ` 
    &minifyJs=`1` 
    &minifyCss=`1`
]]

potrfolio.js

$(document).ready( function() {
    $('#opacity').css( "opacity", "1" );
	// Masonry
	// initialize Masonry
	var container = document.querySelector('.container');
	var msnry = new Masonry( container, {
	// options
	itemSelector: '.item',
	//isFitWidth: true,
	//columnWidth: 220,
	columnWidth: container.querySelector('.grid-sizer'),
	gutter: 0
	});
	// load
	imagesLoaded( container, function() {
	msnry.layout();
	});
	// load
	var ias = $.ias({
	container: ".container",
	item: ".item",
	pagination: "#pagination",
	next: ".next a",
	delay: 1200
	});
	ias.on('render', function(items) {
	$(items).css({ opacity: 0 });
	});
	ias.on('rendered', function(items) {
	msnry.appended(items);
	// load
	imagesLoaded( container, function() {
	msnry.layout();
    $("#msGallery a").tosrus({
        caption: {
            add: true
        },
        keys:true,
        //keys: {close:false},
        slides: {
            scale:"fit"
        },
        wrapper: {
            onClick:"close"
        }
    });	    
	    
	});

	// load  
	});
	ias.extension(new IASSpinnerExtension({html: '<div class="ias-noneleft" style="text-align:center"><span class="spiner"><i class="uk-icon-refresh uk-icon-spin uk-icon-large white"></i></span></div>'}));
	ias.extension(new IASNoneLeftExtension({html: ''}));

	// lightbox
    $("#msGallery a").tosrus({
        caption: {
            add: true
        },
        keys:true,
        slides: {
            scale:"fit"
        },
        wrapper: {
            onClick:"close"
        }
    });	
});

Можно делать адаптивненько через isotope без фиксированной высоты и ширины
Вот такой вызов для бутстрапа

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="isotope">
        <div class="col-md-3"><img class="img-responsive" src="картинка.jpg"></div>
        <div class="col-md-3"><img class="img-responsive" src="картинка.jpg"></div>
        <div class="col-md-3"><img class="img-responsive" src="картинка.jpg"></div>
        <div class="col-md-3"><img class="img-responsive" src="картинка.jpg"></div>
      </div>
    </div>
  </div>
</div>

<script>
$(function () {
    $('.isotope').isotope({
        itemSelector: '.item',
        masonry: { columnWidth: '.col-md-3' }
    });
});
</script>

Надеюсь Стас не будет против зеркала:
yadi.sk/d/oGhxj0tYgBXwN

P.S.: Архив минишоп2-девелоп заливается.

Ok,
www.ex.ua/view/89725942
да простят меня создатели minishop за уродование исходников.
в папке minishop /core/components/minishop2/import лежат файлы экспорта с bitrix универсального магазина. Для импорта нужно создать ресурс Каталог с id 2 и запустить
/core/components/minishop2/import/php/xml.php. Естественно выйти из просмотра ресурса, иначе будет ошибка.

могли бы хоть пару скриншотов показать, чтоб посмотреть непосвященным, как Вы это сделали, или даже тестовый доступ в админку.
Я б сравнил со своим
shop.isv7.com
логин: test
pass: test

Говорят, для больших сайтов нужно отключать в настройках системы кеширование карты псевдонимов — параметр cache_alias_map

Грузится медленнее, потому, что картинки еще не закешированы в CDN.
Собственно в заголовках нет кэширования, потому, что кешируются они в CDN.
Более подробно (в том числе и о деталях выше), можно прочитать в другой статье на хабре

Спасибо за замечание, я о таких тонкостях не в курсе.
Решил, что раз хост называется selcdn.ru и его хозяева говорят о наличии у них CDN — то это оно и есть.

Ну ок, поправил ссылки и инструкцию. По тестам с CDN файлы грузятся чуть медленнее, и нет заголовков кэширования — очень странно.

Пока могу предложить только подключать нужную картинку при выводе ресурсов.

Есть идея отмечать основной файл и хранить на него ссылку в поле properties ресурса, но это для будущих версий, я и так в последние дни что-то увлёкся доработками.