ms2Gallery - сделать переключатели

Здравствуйте, есть сайт с галереей ms2Gallery, заказчику понадобилось сделать переключатели между изображениями, есть ли встроенный способ это реализовать в ms2Gallery?

Николай

02 октября 2018, 18:01

849

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

Андрей

02 октября 2018, 18:52

Что за переключатели имеются ввиду?

Николай

02 октября 2018, 18:55

ну что бы изображение следующие показалось, или же предыдущие

Андрей

02 октября 2018, 19:04

По умолчанию стоит скрипт — Fotorama. Можете настроить вывод через него, либо подключить любой другой.

#Скрипты-и-стили

Николай

02 октября 2018, 19:06

а по-умолчанию получается там и не было стрелок вправо и влево?

Николай

02 октября 2018, 19:29

вот чанк:

<div class="ms2Gallery">
    {if $files?}
        <div class="fotorama"
             data-nav="thumbs"
             data-thumbheight="45"
             data-allowfullscreen="true"
             data-swipe="true"
             data-keyboard="true"
             data-autoplay="5000">
            {foreach $files as $file}
                <a href="{$file['url']}" target="_blank">
                    <img src="{$file['small']}" alt="{$file['name']}" title="{$file['name']}">
                </a>
            {/foreach}
        </div>
    {else}
        <img src="{('assets_url' | option) ~ 'components/ms2gallery/img/web/ms2_medium.png'}" alt="" title=""/>
    {/if}
</div>

почему то любые параметры вставляю, они не работают, например перелистывание каждый 5 сек, не работает

Андрей

02 октября 2018, 19:37

а по-умолчанию получается там и не было стрелок вправо и влево?

По умолчанию они есть. Вот пример из минишопа (галерея та же) https://minishop2.com/catalog/category-3/article-1.

почему то любые параметры вставляю, они не работают, например перелистывание каждый 5 сек, не работает

Всё должно работать, смотрите ошибки в консоли, может конфликт скриптов какой, версия jquery неподходящая и т.д.

Николай

02 октября 2018, 19:39

вот например есть галерея balt-montage.ru/gallery-montaz/, и по изменению в этом чанке, никаких изменений не вносятся, даже если удаляю полностью содержимое

Николай

02 октября 2018, 19:42

а теперь понял, это чанк используется только для маленьких изображений, а как сделать во все галереи, вот есть ссылка на галерею balt-montage.ru/documents/certifications, та есть справа и слева переключатели

Николай

02 октября 2018, 19:53

вот например нашел, сама галерея где нет переключателей

{if $files}
	{foreach $files as $file}
		<div class="col-xs-4">
			<a href="{$file['url']}" rel="{$id}" class="fancybox-show one-img" title="">
				<img src="{$file['150x150']}" alt="{$file['name']}" title="{$file['name']}">
		
				<div class="hover">
					<div class="scale-icon"></div>
				</div>
			</a>
		</div>
	{/foreach}
{/if}

Николай

02 октября 2018, 19:56