Финансовая поддержка VPS, бесплатные дополнения и docs Донаты оплачивают сервер и двигают бесплатные дополнения MODX и документацию. Поддержать

Всего 126 145 комментариев

Антон Шамитов
Антон Шамитов
Дмитрий Иванов
Дмитрий Иванов
Для большого изображения по умолчанию плейсхолдер только один — [[+rows]], который выводит список маленьких изображений.
Большая картинка ставится с помощью яваскрипта в файле default.js (путь к нему «assets/components/minishop2/js/web»):

с 237 строки
miniShop2.Gallery = {
	initialize: function(selector) {
		var gallery = $(selector);
		if (!gallery.length) {return false;}

		$(document).on('click', selector + ' .thumbnail', function(e) {
			var src = $(this).attr('href');
			var href = $(this).data('image');
			$('#mainImage', gallery).attr('src', src).parent().attr('href', href);
			return false;
		});

		$('.thumbnail:first', gallery).trigger('click');
		return true;
	}
};
Я у себя сделал копию сниппета msGallery (с другим именем естесствено) и в нём подшаманил вывод большой картинки. Чего и вам желаю.
Ну или можно поступить проще, если не нужно сильно менять логику работы сниппета. Измените в чанке «tpl.msGallery.row» у ссылки нужные размеры, яваскрипт всё равно отсюда берёт фотку для большой фотографии.
<li class="span2">
	<a href="  Вот это ->  [[+360x270:default=`[[+image]]`]]" class="thumbnail" data-image="[[+image]]">
		<img src="[[+120x90]]" alt="" title="[[+name]]" width="120" height="90" alt="[[+description]]">
	</a>
</li>