• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Картинки у каждого товара разного размера, как правильно вывести их в магазине?

dim70

Опытный
Добрый день. Импортирую товар при помощи плагина WP All Import. Товаров около 1000 позиций. У каждого товара хорошая большая картинка, замечательно, но товаров картинка или вытянутая по вертикали или по горизонтали, а некоторые картинки почти квадратные. Как мне найти оптимальный размер, чтобы картинки в карточке товара не были растянутыми, сплющенными и т.д.
Вот примеры картинок:
https://cloud.mail.ru/public/229P/1zH2EybMx
https://cloud.mail.ru/public/DjUJ/bvPtLvq4R
https://cloud.mail.ru/public/JHkV/mfkGb6maJ
https://cloud.mail.ru/public/MMYH/yxBty9URz

Можно каким-то образом приводить все эти разные по размеру картинки к общему смотрибельному варианту?
 

tuxfighter

Гуру
Местный
да, изначально придать им одинаковый размер.

и ссылка нужна не на облако майла (вообще не понятно зачем), а на ваш сайт с проблемной страницей
 

DarkAlien

Форумчанин
Добрый день. Импортирую товар при помощи плагина WP All Import. Товаров около 1000 позиций. У каждого товара хорошая большая картинка, замечательно, но товаров картинка или вытянутая по вертикали или по горизонтали, а некоторые картинки почти квадратные. Как мне найти оптимальный размер, чтобы картинки в карточке товара не были растянутыми, сплющенными и т.д.
Вот примеры картинок:
https://cloud.mail.ru/public/229P/1zH2EybMx
https://cloud.mail.ru/public/DjUJ/bvPtLvq4R
https://cloud.mail.ru/public/JHkV/mfkGb6maJ
https://cloud.mail.ru/public/MMYH/yxBty9URz

Можно каким-то образом приводить все эти разные по размеру картинки к общему смотрибельному варианту?
я это решил с помощью жесткой обрезки и формата скажем 250*250 миниатюрки в каталоге ок а в карточку товара все как должно быть
 

dim70

Опытный
я это решил с помощью жесткой обрезки и формата скажем 250*250 миниатюрки в каталоге ок а в карточку товара все как должно быть
я наоборот убрал жёсткую обрезку и для карточки товара выставил 3000 на 3000 и за счёт этого картинки товаров разные по размеру стали нормальными
 

dim70

Опытный
слишком избыточное изображение - страница будет тяжелой.
а если у меня в импортируемом каталоге большая часть картинок большого размера 1100х2500 или 2200х1600 есть даже 2900х2100 ?
После того как я выставил 3000х3000 почти все картинки стали помешаться и нормально выглядеть в карточке товара.
 

tuxfighter

Гуру
Местный
а если у меня в импортируемом каталоге большая часть картинок большого размера 1100х2500 или 2200х1600 есть даже 2900х2100 ?
После того как я выставил 3000х3000 почти все картинки стали помешаться и нормально выглядеть в карточке товара.
вам стоит разобраться, что для вас важнее: потратить время, для приведения изображения к вменяемому размеру или ничего не делать и получить отток пользователей из-за слишком долгой загрузки страниц
 

Navigator1974

Форумчанин
Добрый день. Импортирую товар при помощи плагина WP All Import. Товаров около 1000 позиций. У каждого товара хорошая большая картинка, замечательно, но товаров картинка или вытянутая по вертикали или по горизонтали, а некоторые картинки почти квадратные. Как мне найти оптимальный размер, чтобы картинки в карточке товара не были растянутыми, сплющенными и т.д.
Вот примеры картинок:
https://cloud.mail.ru/public/229P/1zH2EybMx
https://cloud.mail.ru/public/DjUJ/bvPtLvq4R
https://cloud.mail.ru/public/JHkV/mfkGb6maJ
https://cloud.mail.ru/public/MMYH/yxBty9URz

Можно каким-то образом приводить все эти разные по размеру картинки к общему смотрибельному варианту?
Дело в том что в вукомерсе очень плохо реализована подгонка, есть только обрезка фото , итак начнем!!!!
1. В настройках темы и в вукомерсе должны быть одинаковые настройки ширины и высоты картинок.
2. В настройках картинок вордпресса ставьте все на "0" - так как эти разрешения будут создаватся а у вас уже есть картинки - разрешения для вукомерса.
3. Сваливаем все картинки в папку на компе и придаем им пропорции по отношениям щирины к высоте - как требует ваша тема с заполнением добавленного пространства белым цветом.
4. Пакетно уменьшаем самые дольшие картинки - по высоте чтобы лишнего веса небыло.
Загружаем в папку все это в папку уплоад - вп ал импорт-файлы и при импорте выбираете эту папрку , так импорт быстрее намного...

Имейте в виду важно - ПРОПОРЦИИ в соответствии с темой (там можете или в коде посматреть , или в настройках темы) а также в самом вукомерсе ставьте такие же разрешения как и в теме требуентся.... если нет пропорций то вукомерс будет тупо вырезать лишнее и все , по этому сперва подгоните пропорции и потом и размеры с сохранением пропорций...
Вот проги (пакетная обработка):
1. Для пропорций - http://www.highmotionsoftware.com/ru/download-center/imbatch
2. Для обрезки лишнего , уменьшения XnView

Извеняюсь за орфографию, пишу с смартфона
 

dim70

Опытный
Дело в том что в вукомерсе очень плохо реализована подгонка, есть только обрезка фото , итак начнем!!!!
1. В настройках темы и в вукомерсе должны быть одинаковые настройки ширины и высоты картинок.
2. В настройках картинок вордпресса ставьте все на "0" - так как эти разрешения будут создаватся а у вас уже есть картинки - разрешения для вукомерса.
3. Сваливаем все картинки в папку на компе и придаем им пропорции по отношениям щирины к высоте - как требует ваша тема с заполнением добавленного пространства белым цветом.
4. Пакетно уменьшаем самые дольшие картинки - по высоте чтобы лишнего веса небыло.
Загружаем в папку все это в папку уплоад - вп ал импорт-файлы и при импорте выбираете эту папрку , так импорт быстрее намного...

Имейте в виду важно - ПРОПОРЦИИ в соответствии с темой (там можете или в коде посматреть , или в настройках темы) а также в самом вукомерсе ставьте такие же разрешения как и в теме требуентся.... если нет пропорций то вукомерс будет тупо вырезать лишнее и все , по этому сперва подгоните пропорции и потом и размеры с сохранением пропорций...
Вот проги (пакетная обработка):
1. Для пропорций - http://www.highmotionsoftware.com/ru/download-center/imbatch
2. Для обрезки лишнего , уменьшения XnView

Извеняюсь за орфографию, пишу с смартфона
Спасибо огромное, что уделили время и так подробно и понятно всё объяснили. Пойду реализовывать полученную информацию на сайте.
 

Navigator1974

Форумчанин
Да и ещё, обязательно проверь настройки темы под какие разрешение фото - пропорции, и имей ввиду что высота более 1000 пикселей не нужна вообще, 1. Пропорции делай (увеличивай стороны) 2. Уменьшай размеры до 1000 по высоте...
 

dim70

Опытный
Да и ещё, обязательно проверь настройки темы под какие разрешение фото - пропорции, и имей ввиду что высота более 1000 пикселей не нужна вообще, 1. Пропорции делай (увеличивай стороны) 2. Уменьшай размеры до 1000 по высоте...
Да, хорошо, спасибо, сделаю как Вы советуете.
 
Сверху Снизу