ms2: Минигаллерея с увеличением. Замена дефолтной.
Поделюсь. Замена стандартной галереи для страницы товара.
В кач-ве основый берём вот это решение: www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm
1. Подключаем jquery.multizoom.js (скачать архивы можно по ссылке выше)
2. На странице товара вызываем:
4. Должно работать)
Обратите внимание, что используются плейсхолдеры [[+300x300]] и [[+70x70]] — их генерация должна прописана в ваших Источниках файлов для 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.