Разработчикам

Проблема с размерам фотографий в карточке товара

Проблема с размерам фотографий в карточке товара, Как сделать фотографии одинаковыми в карточке товара автоматизированным способом?

Пользователь 274346

Заглянувший

Сообщений: 5 Регистрация: 05.08.2014

19.08.2014 20:49:33

Доброго времени суток! На своем сайте интернет-магазина столкнулись с одной проблемой, а именно с загрузкой фотографий. Дело в том, что хотелось бы, чтобы после загрузки фотографий, все фотографии в карточке товара были одинакового размера. Так как загружаем фотографии с разными размерами, в итоге получаем соответственно и фото с разными размерами.
При работе в лаборатории 1С Битрикс Управление сайтом, заметил, что там совсем всё по-другому. Независимо от того, каких размеров загружаются фотографии, они все будут единого размера, что смотрится вполне привлекательно и красиво.
Собственно как фотографии выглядят у меня на сайте

Как видите каждое фото имеет свои изначальные размеры.

И вот скриншот с Лаборатории 1С Битрикс Управление сайтом

Здесь же, фотографии все с одинаковыми размерами, что очень хорошо смотрится.

Скажите пожалуйста, как исправить данную проблему?

Пользователь 157304 Постоянный посетитель Сообщений: 84 Баллов: 13 Регистрация: 26.12.2012	#2 19.08.2014 20:53:22 Во первых фото можно масштабировать через CSS подгонять под блок в котором фотка лежит. а во вторых еще никто не отменял $imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

Пользователь 274346

Заглянувший

Сообщений: 5 Регистрация: 05.08.2014

19.08.2014 20:57:20

Цитата
Николай Ашаев пишет: Во первых фото можно масштабировать через CSS подгонять под блок в котором фотка лежит. а во вторых еще никто не отменял $imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

Скажите пожалуйста где и как это нужно сделать?
И если это сделать, фотографии в каждом товаре придут к единым размерам? Их около 12000.
И тот вариант, который в Лаборотории 1С Битрикс Управлением сайтом и есть то, что Вы написали?

Пользователь 157304

Постоянный посетитель

Сообщений: 84 Баллов: 13 Регистрация: 26.12.2012

19.08.2014 21:34:20

Цитата

ADAM007 пишет:

Цитата
Николай Ашаев пишет: Во первых фото можно масштабировать через CSS подгонять под блок в котором фотка лежит. а во вторых еще никто не отменял $imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

Этот вариант из API Битрикса,

$imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

<?=$imgPlaceTop?> будет выводить картинку размером 1024 на 1024

$arResult['DETAIL_PICTURE']['ID'] айди картинки, найти можно в массиве

все это можно в result_modifier сделать и передать в массив или сделать в шаблоне
Собственно тебе в шаблон уже будет передаваться обработанная картинка

а дальше аля

<div>
<img src="<?=$imgPlaceTop?>">
</div>

<st yle type="text/css">

</style>

картинка в шаблон придет в переменную размером 1024, но через css подогнана в размер 500 px, а высота будет автоматическая.
Крути в ту сторону в которую нужно =)

Пользователь 274346

Заглянувший

Сообщений: 5 Регистрация: 05.08.2014

19.08.2014 22:46:52

Цитата

Николай Ашаев пишет:

Цитата

ADAM007 пишет:

Цитата
Николай Ашаев пишет: Во первых фото можно масштабировать через CSS подгонять под блок в котором фотка лежит. а во вторых еще никто не отменял $imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

Этот вариант из API Битрикса,

$imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024));

<?=$imgPlaceTop?> будет выводить картинку размером 1024 на 1024

$arResult['DETAIL_PICTURE']['ID'] айди картинки, найти можно в массиве

все это можно в result_modifier сделать и передать в массив или сделать в шаблоне
Собственно тебе в шаблон уже будет передаваться обработанная картинка

а дальше аля

<div>
<img src="<?=$imgPlaceTop?>">
</div>

<st yle type="text/css">

</style>

картинка в шаблон придет в переменную размером 1024, но через css подогнана в размер 500 px, а высота будет автоматическая.
Крути в ту сторону в которую нужно =)

Мне нужно 800 на 600. Спасибо большое за информацию!
Куда нужно вносить данную информацию. Где это находится в админке? Где такие файлы (result_modifier ) и т.д.?

Пользователь 157304

Постоянный посетитель

Сообщений: 84 Баллов: 13 Регистрация: 26.12.2012

19.08.2014 23:45:31

то что я дал в файл шаблона компонента либо модуля пишется,
если там не масштабировать, а там я не масштабирую, вдруг понадобится большой размер гдето или еще что,
я просто беру $imgPlaceTop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE']['ID'], Array("width" => 1024, "height" => 1024)); применяю к картинке и получаю в шаблоне картинку 1024 по большей стороне, "width" => 1024, "height" => 1024 длина и высота.

а result_modifier.php файл создается ручками в компонентах, для дополнения массива нужными данными, и далее уже в шаблоне их выводим, если грубо вот так выразиться.

так же можно и массив изменить для картинок, которые как превью идут у тебя.
Вообщем надо API изучать

Да я сам с февраля Битриксом занимаюсь =) тут все просто, я тоже сначала шарахался каждой запятой =)))...

Вообще если что пиши в скайп nAshaev

Пользователь 129136

Заглянувший

Сообщений: 25 Баллов: 1 Регистрация: 29.05.2012

20.08.2014 10:43:50

Кроме того, для этого ресайза можно еще задать его тип:

Код
$file = CFile::ResizeImageGet($uInfo['PERSONAL_PHOTO'], array('width'=>150, 'height'=>150), BX_RESIZE_IMAGE_PROPORTIONAL, true);

Вместо BX_RESIZE_IMAGE_PROPORTIONAL могут быть еще такие варианты:

— BX_RESIZE_IMAGE_EXACT - масштабирует в прямоугольник $arSize c сохранением пропорций, обрезая лишнее;
— BX_RESIZE_IMAGE_PROPORTIONAL_ALT - масштабирует с сохранением пропорций, размер ограничивается $arSize, улучшенная обработка вертикальных картинок.

А еще тут есть хорошая документация для этой функции: http://dev.1c-bitrix.ru/api_help/main/reference/cfile/resizeimageget.php

Разработка и сопровождение интернет-проектов. Интеграция с 1С-кой.

Проблема с размерам фотографий в карточке товара

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером