Изменить вывод галереи товара

Добрый день!
Стоит minishop2 2.2.0-pl2, на странице товаров картинки выводятся через bx slider. Это не оч хорошо. Во-первых, как правило, у наших товаров одна картинка, а bx-slider упорно в гугл-хроме выводит две превьюшки (в эксплорере одну). Во-вторых, он вообще странный) Отображается маленькая превьюшка, большая картинка по клику — а хотелось бы, чтобы была большая средняя картинка, совсем большая выводилась в лайтбоксе, а если изображений больше одного, еще маленькие бы превьюшки для них были сбоку по вертикали.
Я хочу отказаться от bx slider в пользу чего-нибудь другого. Посоветуйте, пожалуйста, куда идти.
На самом сайте еще стоит Gallery, но там вывод другой — рядами средние превьюшки идут. В товарах нужно не такой вывод.
У меня сейчас в tpl.msGallery.outer стоит 
<ul class="bxslider">
    	[[+rows]]
    </ul>
    
    <script type="text/javascript">
	    $('.bxslider').bxSlider({
	         pager: true,
	         controls: false,
	         auto: true,
	         minSlides: 1,
	         maxSlides: 1,
	         slideMargin: 0,
	         slideWidth: 358,
	         slideHeight: 540
	     });
	</script>
Wmaster
Wmaster
09 марта 2017, 10:54
modx.pro
3 581

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

Andrei
Andrei
09 марта 2017, 16:45
Поставьте fotorama.io — в новой версии минишопа автор именно его и использует как основной «из коробки».
Устанавливается крайне легко.
Alexander V
Alexander V
10 марта 2017, 00:04
В новом Minishop2 я так сделал

<img src="{$files.0.url}" alt="" class="uk-thumbnail uk-margin-small-bottom">
<div data-uk-slideset="{ animation: 'scale', medium: 3 }">
    <div class="uk-slidenav-position">
        <ul class="uk-grid uk-grid-small uk-slideset uk-margin-bottom">
			{foreach $files as $file}
			<li>
			    <a href="{$file['url']}" target="_blank" data-uk-lightbox="{ group:'my-group' }">
			        <img src="{$file['small']}" alt="" title="" class="uk-thumbnail">
			    </a>		
			</li>

			{/foreach}
        </ul>
    </div>
    <ul class="uk-slideset-nav uk-dotnav uk-flex-center">...</ul>
</div>
.
    Wmaster
    Wmaster
    10 марта 2017, 10:19
    Все сделала как хотела через фотораму. Я поняла: tpl.msGallery.outer — отвечает за внешний вывод слайдера, а в tpl.msGallery.row можно приписать картинке открытие в лайтбоксе по клику. Спасибо всем!
      Wmaster
      Wmaster
      10 марта 2017, 10:22
      Да у меня-то старый пока minishop! Я теперь уже на github смотрю изначальный код моей версии и на него ориентируюсь. Я сделала так:

      tpl.msGallery.outer
      <div id="msGallery" class="pull-right">
    <ul class="fotorama" data-width="200"     data-height="350">
    	[[+rows]]
    </ul>
</div>
      tpl.msGallery.row
      <ii><a class="fancybox"  rel="external" href="[[+url:default=`/assets/components/minishop2/img/web/ms2_big.png`]]" data-image="[[+url]]">
		<img src="[[+194x347]]" alt="" title="[[+name]]" width="194" height="347">
	</a>
</ii>
      То что хотела! Если бы я лучше понимала синтаксис, я бы, конечно, быстрее добилась результата. А то все было как-то методом тыка и мата) Но понимание приходит постепенно.
        Wmaster
        Wmaster
        10 марта 2017, 10:31
        А у вас ссылочки идут с миниатюр — это непривычно. Я сделала с больших картинок. Зато у вас тема красивая. У меня картинки все разнобоистые, не получится так хорошо.
          Alexander V
          Alexander V
          10 марта 2017, 10:49
          Листать можно полноэкранные изображения. Хоть мышкой, хоть стрелочками на клавиатуре.
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          8