К содержанию

Фото для товаров minishop2

Добрый день.
Скажите пожалуйста как решить такую проблему.
На сайте для карточки товара фотография сделана с определенными пропорциями. Пи загрузке фото, явно не удовлетворяющего данным пропорциям происходит «вырезание» середины из оригинальной фото.
Как сделать так, чтобы фото ужималось путем добавления белых полос?
phpthumbon позволяет это сделать, но как его привязать к msGallery для minishop2?
Андрей
Андрей
15 февраля 2016, 17:20
modx.pro
4 301
Реклама

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

Евгений Webinmd
Евгений Webinmd Эксперт
15 февраля 2016, 21:30
Медиа — Источники файлов — выбираете источник минишопа и там есть параметры для размеров картинок, выставляете нужные, заливаете фотки.
Если фоток уже много, погуглите скрипт перегенерации картинок, он в блоге у Василия есть.
    Андрей
    Андрей Старожил
    15 февраля 2016, 22:48
    Ну да, конечно же у меня там настроены нужные размеры. Но например мне нужно 360х360, а картинка 360х800 — в результате он сплющивает картинку сильно, а нужно чтобы добавлялись поля по бокам с сохранением пропорций.
      Евгений Webinmd
      Евгений Webinmd Эксперт
      15 февраля 2016, 22:51
      это параметры для phpthumb — а там вариантов море, можно добавить zc: 1 или любые другие подходящие.
      И не забывайте в карточке указать какие превью должны выводится.
        Андрей
        Андрей Старожил
        15 февраля 2016, 23:01
        [{«w»:120,«h»:180,«q»:90,«zc»:«1»,«bg»:«000000»},{«w»:360,«h»:360,«q»:90,«zc»:«1»,«bg»:«000000»}]
        В результате имею сплющенную картинку.
          Евгений Webinmd
          Евгений Webinmd Эксперт
          15 февраля 2016, 23:03
          1) после изменения размеров(либо других параметров) необходимо либо перезалить картинки, либо запустить скрипт перегенерации картинок.

          2) может в карточке у вас указана не картинка 360x360 а какая-то другая?
            Андрей
            Андрей Старожил
            15 февраля 2016, 23:08
            <img src="[[+360x360:default=`/assets/components/minishop2/img/web/ms2_medium.png`]]" width="360" height="360" alt="" title="" id="mainImage" />
            Может она плющится из-за width=«360» height=«360»? А как же тогда сделать так, чтобы она занимала квадрат, но как бы отдалялась и была вписана в него, но не плющилась? ))
              Евгений Webinmd
              Евгений Webinmd Эксперт
              15 февраля 2016, 23:11
              мои телепатические способности иссякли.
                Андрей
                Андрей Старожил
                15 февраля 2016, 23:14
                Как пропорционально ресайзить картинку чтобы она вписывалась в заданные w и h? zc=1 нужно добавить?
          Наумов Алексей
          Наумов Алексей Администратор
          16 февраля 2016, 11:32
          Обязательно zc=0. zc — это zoom crop, то бишь обрезать картинку.

          Параметр far добавляете, только я не помню 0 или 1 =)

          bg делаете естественно ffffff
            Андрей
            Андрей Старожил
            16 февраля 2016, 11:48
            Все прописал и смотрю по исходному коду, он как будто бы оригинальную картинку ставит, вообще без обработки.
            <a rel="fancybox" href="/assets/images/products/552/23.jpg" target="_blank">
            		<img src="/assets/images/products/552/23.jpg" width="360" height="360"  id="mainImage">
            	</a>
              Василий
              Василий Старожил
              26 августа 2017, 19:38
              Здравствуйте, Андрей. Как вы решили свой вопрос с размером картинки?
                Андрей
                Андрей Старожил
                26 августа 2017, 20:18
                Скорее всего я подключил нужный размер картинки через &includeThumb и выводил в шаблоне картинку с нужным размером. Если нужно могу найти код с того проекта.
                  Василий
                  Василий Старожил
                  28 августа 2017, 15:52
                  Спасибо, Андрей! Но я вроде бы решил этот вопрос.
                  Медиа — Источники Файлов — Редактировать miniShop и там есть строка с такими значениями {«small»:{«w»:120,«h»:120,«q»:90,«zc»:«1»,«bg»:«000000»}} я просто вписал 120 на 120 и кажись все гуд)
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    14