ms2: Минигаллерея с увеличением. Замена дефолтной.

Поделюсь. Замена стандартной галереи для страницы товара.
В кач-ве основый берём вот это решение: www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm
 
1. Подключаем jquery.multizoom.js (скачать архивы можно по ссылке выше)
2. На странице товара вызываем:
[[!msGallery?
&tplOuter=`@INLINE <div class="targetarea"><img id="multizoom1" src="[[+300x300]]"/></div><div class="multizoom1 thumbs">[[+rows]]</div>` 
&tplRow=`@INLINE <a href="[[+300x300]]" data-large="[[+url]]" class="thumb-image"><img src="[[+70x70]]"/></a> ` ]]
3. В файле с прочими скриптами (либо в <sсriрt></sсriрt> на странице) пишем:
$('#multizoom1').addimagezoom({
		speed: 500, 
		showstatus: false,
		imagevertcenter: true, 
		magvertcenter: false, 
		zoomrange: [3, 6],
		magnifiersize: [420,403],
		magnifierpos: 'right',
		cursorshadecolor: '#fdffd5',
		cursorshadeborder: '1px dotted black',
		cursorshade: true 
		});
инструкцию по параметрам можно найти там же, где брали скрипт.
4. Должно работать)
 
Обратите внимание, что используются плейсхолдеры [[+300x300]] и [[+70x70]] — их генерация должна прописана в ваших Источниках файлов для MS2.
Юрий Эффа
14 декабря 2013, 12:35
modx.pro
813
0

Комментарии: 0

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
0