Довольно популярная галерея cloudZoom заменит стандартную Fotorama на странице товара.

Шаг 1: устанавливаем msGalleryZoom

Шаг 2: Редактируем источник файлов: MS2 Images, а именно в параметр thumbnails добавляем размер medium (и назвать именно так), а для вертикального расположения слайдера medium_vert и small_vert, с размерами для картинок в основном окне галереи, например на демо сайте это размеры 550 х 410, а полностью параметр выглядит так
{«small»:{«w»:120,«h»:90,«q»:90,«zc»:«1»,«bg»:«000000»}, «medium»:{«w»:550,«h»:410,«q»:90,«zc»:«1»,«bg»:«000000»}}

Если планируете галерею с вертикальным расположением слайдера, то добавляем параметры для вертикального слайдера:
Параметры из демо
«small_vert»:{«w»:83,«h»:75,«q»:90,«zc»:«1»,«bg»:«000000»}, «medium_vert»:{«w»:400,«h»:350,«q»:90,«zc»:«1»,«bg»:«000000»}

Полностью параметры с горизонтальным и вертикальным слайдером из демо:
{«small»:{«w»:120,«h»:90,«q»:90,«zc»:«1»,«bg»:«000000»}, «medium»:{«w»:550,«h»:410,«q»:90,«zc»:«1»,«bg»:«000000»}, «small_vert»:{«w»:83,«h»:75,«q»:90,«zc»:«1»,«bg»:«000000»}, «medium_vert»:{«w»:400,«h»:350,«q»:90,«zc»:«1»,«bg»:«000000»}}

Шаг 3: В шаблон товара в любое место добавляем вызов сниппета

[[!msGalleryZoom]]

Шаг 4: В чанк msProduct.content или где у вас идет вывод товара к вызову Gallery добавляем чанк:

В случае как на первом демо
[[!msGallery?&tpl=`tpl.msGalZoom_one`]]

В случае как на втором демо
[[!msGallery?&tpl=`tpl.msGalZoom_two`]]

В случае как на третьем демо
[[!msGallery?&tpl=`tpl.msGalZoom_three`]]

Вертикальное расположение слайдера:
[[!msGallery?&tpl=`tpl.msGalZoom_one_vert`]]
[[!msGallery?&tpl=`tpl.msGalZoom_two_vert`]]
[[!msGallery?&tpl=`tpl.msGalZoom_three_vert`]]

Параметры:
&tpl — чанк с выводом

P.S. Если у вас уже рабочий сайт то для получения размера medium картинки надо будет перегенерить.
Стили на демо сайте сделаны конкретно под демо сайт.
Тестируйте демо сразу в браузерах которые вам нужны, так как приложение сделано под современные браузеры.