[MS2]Как выбрать изображение из галереи Minishop2

Чанк tpl.msGallery.row

<a href="[[+x270:default=`[[+url]]`]]" class="thumb-link" data-image="[[+url]]" target="_blank">
	<img class="thumb-img" nopin="nopin" src="[[+url]]" alt="" title="[[+name]]" width="70"/>
</a>

Чанк tpl.msGallery.outer

<div class="main-img" id="main-img-link">
  <a rel="fancybox" href="[[+url]]" target="_blank">
    <img itemprop="image" src="[[+image]]" alt="" title="" width="400" class="fancybox" rel="product-gallery"/>
  </a>
    <div class="dressing-room-video"></div>
</div>
<div id="mutable-product-image-thumbs" class="thumbs">
		[[+rows]]
</div>

Чанк msProduct.content

<div class="gallery" id="msGallery">
[[!msGallery?
	&toPlaceholder=`images`
	&totalVar=`images.total`
	&limit=`0`
]]
[[!+images.total:ne=`1`:then=`[[+images]]`:else=`[[+images]]`]]
</div>
<script type="text/javascript">
	$(document).ready(function() {
		miniShop2.Gallery.initialize('#msGallery');
	})
</script>

Как заставить это всё работать, что бы кликнул на изображение- либо открылось вместо главного изображения, либо- всплыло окно с кликнутым изображением.
Заранее спасибо=)
ЗЫ Сейчас я особо туплю и JS не знаю