MS2 и +thumb в tpl.msProducts.row
Как изменить размер тхумбов в tpl.msProducts.row?
в чанке tpl.msProducts.row есть
Инструменты -> Источники файлов -> MS2 Images -> Редактировать и уже там thumbnails
и там есть значения
можно ли тут добавить свой размер картинок превьюшек?
Просто когда я изменял 120 на 136 и 90 на 205 у меня не выводились картинки так как путь не такой…
в чанке tpl.msProducts.row есть
<img src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]" width="136" height="205" alt="" title="">
Инструменты -> Источники файлов -> MS2 Images -> Редактировать и уже там thumbnails
и там есть значения
[{"w":120,"h":90,"q":90,"zc":"1","bg":"000000"},
{"w":360,"h":270,"q":90,"zc":"1","bg":"000000"}]
можно ли тут добавить свой размер картинок превьюшек?
{"w":136,"h":205,"q":90,"zc":"1","bg":"000000"},
Просто когда я изменял 120 на 136 и 90 на 205 у меня не выводились картинки так как путь не такой…
Комментарии: 11
Где то эти параметры ведь должны меняться?
И такие вставки [[+120x90]] которые используются в tpl.msGallery.row и подобные.
или это все написано в платном разделе?
bezumkin.ru/modx/minishop2/admin/713/
<img src="[[+120x90]]"
как с ними работать и где изменять то?или это все написано в платном разделе?
bezumkin.ru/modx/minishop2/admin/713/
Да, написано.
А в комментариях еще и разжевано 10 раз.
А в комментариях еще и разжевано 10 раз.
ясно
так, я частично разобрался
Источник файлов: MS2 Images2 там нужно {«w»:136,«h»:205,«q»:90,«zc»:«1»,«bg»:«000000»}, поменять
и еще зайти в Настройки системы а там выбрать minishop2:
Размер превью по умолчанию — ms2_product_thumbnail_size — 136x205
а такие вставки [[+120x90]] которые используются в tpl.msGallery.row и подобные.
<img src="[[+120x90]]"
я так и не разобрался как делать…
Источник файлов: MS2 Images2 там нужно {«w»:136,«h»:205,«q»:90,«zc»:«1»,«bg»:«000000»}, поменять
и еще зайти в Настройки системы а там выбрать minishop2:
Размер превью по умолчанию — ms2_product_thumbnail_size — 136x205
а такие вставки [[+120x90]] которые используются в tpl.msGallery.row и подобные.
<img src="[[+120x90]]"
я так и не разобрался как делать…
1) Идём в сниппет msProducts
открываем его параметры
правим параметр includeThumbs на 136x205
2) Идём в чанк custom.tpl.msProducts.row и вносим свои параметры в строчку
было
открываем его параметры
правим параметр includeThumbs на 136x205
2) Идём в чанк custom.tpl.msProducts.row и вносим свои параметры в строчку
было
<img src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]" width="120" height="90" /></div>
стало<img src="[[+136x205:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]" width="136" height="205" /></div>
PS не забудьте обновить превьюшки для каждого товара
Что касается отдельных товаров то нужно:
Идём в чанки:
tpl.msGallery.empty
tpl.msGallery.outer
tpl.msGallery.row
1) и правим там размер img на свой: для маленьких превью width=«136» height=«205» то же самое для большой превью, но размеры те что вы указали в MS2 Images2 для большой превью
2) в чанке tpl.msGallery.row правим размер превью и главной картинки (как раз эти самые плейсхолдеры):
было
Идём в чанки:
tpl.msGallery.empty
tpl.msGallery.outer
tpl.msGallery.row
1) и правим там размер img на свой: для маленьких превью width=«136» height=«205» то же самое для большой превью, но размеры те что вы указали в MS2 Images2 для большой превью
2) в чанке tpl.msGallery.row правим размер превью и главной картинки (как раз эти самые плейсхолдеры):
было
<a href="[[+360x270:default=`[[+image]]`]]" class="thumbnail" data-image="[[+image]]">
<img src="[[+120x90]]" alt="" title="[[+name]]" width="120" height="90">
</a>
стало (X,Y- ваши размеры для большой превью которые вы указали в MS2 Images2)<a href="[[+XxY:default=`[[+image]]`]]" class="thumbnail" data-image="[[+image]]">
<img src="[[+136x205]]" alt="" title="[[+name]]" width="136" height="205">
</a>
Никак не мог найти где изменить настройки «Источник файлов: MS2 Images2 там нужно {«w»:136,«h»:205,«q»:90,«zc»:«1»,«bg»:«000000»}, поменять»
В итоге понял, что нужно:
1) зайти в раздел Медиа -> Источники файлов
2) щелкнуть правой кнопкой мыши по «MS2 Images2»
3) выбрать «Редактировать»
4) изменить параметр «thumbnails»
Информация по параметрам:
w — ширина
h — высота
q — качество от 0 до 100
bg — цвет фона в обычном формате, но без #, например ffffff — белый
zc — обрезать ли изображение при несоответствии пропорций загружаемого изображения и w*h
(если 0 — обрезает, если 1 — заполняет пустое место цветом фона bg)
В итоге понял, что нужно:
1) зайти в раздел Медиа -> Источники файлов
2) щелкнуть правой кнопкой мыши по «MS2 Images2»
3) выбрать «Редактировать»
4) изменить параметр «thumbnails»
Информация по параметрам:
w — ширина
h — высота
q — качество от 0 до 100
bg — цвет фона в обычном формате, но без #, например ffffff — белый
zc — обрезать ли изображение при несоответствии пропорций загружаемого изображения и w*h
(если 0 — обрезает, если 1 — заполняет пустое место цветом фона bg)
Антон, спасибо добрый человек!
был рад помочь) вообще пишу отчасти для себя, т.к. иногда при поиске ответа нахожу свои же ответы)
чего и желаю вам и другим коллегам! :)
чего и желаю вам и другим коллегам! :)
Чтобы не вносить изменения в Медиа — Источники файлов — MS2 Images2 — thumbnails и исключить необходимость генерировать превью для уже загруженных изображений, методом тыка пришел к таким конструкциям, которые можно вставить непосредственно в шаблоны:
1) Если файлы берутся из раздела «Галерея» Minishop2:
{$_modx->runSnippet('phpthumbon', [
'input' => $file['url'],
'options' => 'w=550&h=550&far=c&q=95&bg=ffffff'
])}
2) Если фото нужно подставить из какого-либо плейсхолдера:
{$_modx->runSnippet('phpthumbon', [
'input' => $modx->getPlaceholder('TV'), — для tv ресурса
'input' => $_modx->getPlaceholder('+SystemTV'), — для системного tv
'options' => 'w=550&h=550&zc=1&q=95'
])}
1) Если файлы берутся из раздела «Галерея» Minishop2:
{$_modx->runSnippet('phpthumbon', [
'input' => $file['url'],
'options' => 'w=550&h=550&far=c&q=95&bg=ffffff'
])}
2) Если фото нужно подставить из какого-либо плейсхолдера:
{$_modx->runSnippet('phpthumbon', [
'input' => $modx->getPlaceholder('TV'), — для tv ресурса
'input' => $_modx->getPlaceholder('+SystemTV'), — для системного tv
'options' => 'w=550&h=550&zc=1&q=95'
])}
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.