Решено SimpleGallery Вывод картинок различного размера

Всем доброго состояния суток!
Сломал уже всю голову и мануалы читал, и пробовал и так и эдак, не выходит каменный цветок. А именно:
Пытаюсь вывести на страницу картинки, делаю это так:
[!sgLister?
				&thumbSnippet=`sgThumb`
				&thumbOptions=`big,thumbs`
					&tplFirst=`@CODE:<div class="col-xs-12 col-sm-12 col-md-12">
	<a href="[+sg_image+]" class="fancybox-effects-b" data-fancybox-group="gallery" title="[+sg_title+]">
		<img src="[+thumb_big.sg_image+]" class="img-responsive shad"  alt="[+sg_title+]">
	</a>
</div>`
				&tpl=`@CODE:<div class="col-xs-3 col-sm-4 col-md-4">
	<a href="[+sg_image+]" class="fancybox-effects-b" data-fancybox-group="gallery" title="[+sg_title+]">
		<img src="[+sg_image+]" class="img-responsive shad" alt="[+sg_title+]">
	</a>
</div>`
				!]


в конфигурации sgThumb понаписал:

[
{"template":5,"options":"h=300&w=220&far=C&bg=ffffff","folder":"thumbs"},
{"template":5,"options":"h=375&w=500&far=C&bg=ffffff","folder":"big"}
]

В SimpleGallery конфигурации все по умолчанию кроме контроллера onetable.
Игрался и так и эдак, но почему то или превьюшки не обрезаются или основная фотка не отображается и тоже не обрезается. Подскажите, что я делаю не так?

P.S. Добавлено
В документации есть пример вида
Пути к картинкам будут доступны в шаблоне через плейсхолдеры:

[+thumb.sg_image+]
[+thumb_small.sg_image+]
[+thumb_medium.sg_image+]
пробовал сделать на основе конфигурации sgthumb
<img src="[+thumb_thumbs.sg_image+]" class="img-responsive shad" alt="[+sg_title+]">

также не вышло ничего…

15 комментариев

avatar
Это полный код?
parents или documents не указывал?
avatar
Да, полный, выводится на этом же ресурсе.
avatar
Ну, во-первых, на сервере должна быть графическая либа для ПХП, как её там, GD что ли. Проверьте, есть ли.

А во-вторых, не совсем понял про «В SimpleGallery конфигурации все по умолчанию кроме контроллера onetable.». А что там у вас?
avatar
GD — установлена, превьюшки она обрезает, тут не совсем в этом дело. А в том, что я использую tpl и tplFirst, и соответственно мне нужны различные размеры фото для первой и для остальных. В доках это описано — но у меня не завелось…
Вот настройки в SimpleGallery
avatar
А зачем onetable? ведь по дефолту все работает. И tplFirst я сто раз использовал — работает все.

Ну если только — ДокЛистер обновите, и саму SG.
avatar
да, onetable не было необходимости прописывать, но все равно что то не могу взять в толк как оно прописывается. Сейчас это выглядит так:
sgThumb
[
{«template»:5,«options»:«h=300&w=220&far=C&bg=ffffff»,«folder»:«300x220»},
{«template»:5,«options»:«h=500&w=375&far=C&bg=ffffff»,«folder»:«500x375»}
]
вызов SG:
&thumbSnippet=`sgThumb`
&thumbOptions=`{«300x220»,«500x375»}`
ну и инлайново в тпл и тплферст
[+sg_title+]
[+sg_title+]
выводится на морду:
avatar
В смысле там ведь и так onetable по-моему.
avatar
Ну и кстати в options far=C не обрезает, обрезает zc=1
avatar
Да, я в курсе, мне не требуется обрезка, мне нужно пропорционально уменьшить до нужных размеров :)
avatar
Удалось реализовать используя phpthumb вместо sgThumb. Используя sgThumb и его конфигурацию вывести фото различных размеров не вышло. Оставлю здесь, мало ли кому пригодится.

[!sgLister?
    &thumbSnippet=`phpthumb`
    &thumbOptions=`{"small":"h=300&w=220&far=C&bg=ffffff","big":"h=500&w=375&far=C&bg=ffffff"}`
    &tplFirst=`@CODE:<div class="col-xs-12 col-sm-12 col-md-12">
	<a href="[+sg_image+]" class="fancybox-effects-b" data-fancybox-group="gallery" title="[+sg_title+]">
	    <img src="[+thumb_big.sg_image+]" class="img-responsive shad"  alt="[+sg_title+]">
	</a>
    </div>`
    &tpl=`@CODE:<div class="col-xs-3 col-sm-4 col-md-4">
	<a href="[+sg_image+]" class="fancybox-effects-b" data-fancybox-group="gallery" title="[+sg_title+]">
            <img src="[+thumb_small.sg_image+]" class="img-responsive shad" alt="[+sg_title+]">
	</a>
    </div>`
!]
avatar
PhpThumb тоже бывает полезен, если (например) заказчик капризничает, и ему то один размер подавай, то другой. Тогда — да, phpthumb самое то.

А в обычном случае я как-то больше привык к SGthumb, сейчас кину рабочий пример с боевого сайта.
avatar
Вот ссыль на страницу сайта parniki-sib.ru/kupit-teplicu/optima-shag-0-65-m

Там галерея, где первое фото большое, остальные малые

avatar
Код такой:
sgThumb
[
   {"template":19,"options":"q=70","folder":"1200x800"},
   {"template":19,"options":"w=600&h=400&zc=1&q=60","folder":"middle"},
   {"template":19,"options":"w=130&h=85&zc=1&q=60","folder":"xsmall"}
]


sgLister
[[sgLister? 
   &thumbSnippet=`sgThumb`
   &thumbOptions=`{"xsmall":"xsmall","middle":"middle","1200x800":"1200x800"}`
   &ownerTPL=`@CODE:[+dl.wrap+]`
   &tplFirst=`@CODE:
   <div class="product-page-fotogallery-img col-xs-12 margin-bottom-10">							
      <a data-fancybox="gallery" data-caption="<div class='fancybox-image-caption'>[+sg_title+]</div>" data-animation-effect="zoom" data-transition-effect="circular" href="[+thumb_1200x800.sg_image+]">
         <img src="[+thumb_middle.sg_image+]" class="img-responsive" width="100%" alt="">
         <span class="lightbox-thumb-zoom-icon">
            <i class="glyphicon glyphicon-search"></i>
         </span>
      </a>
   </div>`
   &tpl=`@CODE:
   <div class="product-page-fotogallery-thumb col-xs-2 margin-bottom-10">							
      <a data-fancybox="gallery" data-caption="<div class='fancybox-image-caption'>[+sg_title+]</div>" data-animation-effect="zoom" data-transition-effect="circular" href="[+thumb_1200x800.sg_image+]">
         <img src="[+thumb_xsmall.sg_image+]" class="img-responsive" width="100%" alt="">
      </a>
   </div>`
   &tvList=`seriya`
]]
avatar
Весьма признателен!
avatar
Параметры плагина самой SimpleGallery все дефолтные, ну только конечно шаблоны указаны (строка Templates).
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.