msGalleryZoom

Меняем Встроенную Fotorama на cloudZoom в два щелчка
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
Сергей
Пакетов
5
Закачек
200
Автор дополнения
Пакетов
5
Закачек
200
Версия 1.0.5-pl
Дата выпуска 07.03.2019
Загрузки 26
Просмотры 4 159
Внимание, этот компонент требует версию PHP 5.6 или выше! Если ваш сайт использует PHP ниже требуемого, установка этого дополнения может его сломать.
Внимание, этот компонент требует версию MODX не ниже 2.6 !
Довольно популярная галерея 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 картинки надо будет перегенерить.
Стили на демо сайте сделаны конкретно под демо сайт.
Тестируйте демо сразу в браузерах которые вам нужны, так как приложение сделано под современные браузеры.

1.0.5-pl

  • Add vertical position thumbs slider.

1.0.4-pl

  • New build script.

Последние обсуждения в сообществе MODX.pro