Как загрузить несколько детальных картинок в битрикс

Загрузка нескольких картинок

Добавил в Управление Торговлей новую выгрузку на сайт. Возникло несколько вопросов:

1) Создается новый инфоблок, а нужно чтобы записисывалось в уже существующий.
2) В 1С Создано две картинки. Хотелось чтобы маленькая была для анонса и большая для детального просмотра. В результате маленькая картинку загружается как картинка анонса и она же как детальная. А большая картинка грузится в дополнительный набор картинок. Подскажите пожалуйста, как проше исправить.

Посетитель
Сообщений: 60 Баллов: 5 Регистрация: 27.08.2010
30.09.2010 13:25:06

Если установить в Битрикс сжатие большой картинки то качество маленькой получается неприемлемым. Получается что типовой выгрузкой невозможно закачать на сайт картинку предварительного просмотра или придется править вывод элемента товара для отображения детальной картинки.

Страницы: 1

Продукты

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

Битрикс24

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

Внедрение

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

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

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

1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве +7 (495) 229-14-41 Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507

Контент для лиц от 16 лет и старше

Дополнительные картинки в списке элементов каталога битрикс

Очень редко, но бывают ситуации, когда надо вывести дополнительные картинки в списке элементов инфоблока. Например в списке товаров торгового каталога интернет-магазина на битрикс. Данная заметка не относится к выводу картинок SKU предложений товара. Только к одиночным товарам. В качестве примера: Нам нужно вывести дополнительные картинки товара в которых отображаются доступные цвета. При этом при клике на превью, оно должно заменять собой большую картинку.

Создаем множественное свойство типа файл

Для начала создаем множественное свойство типа файл в инфоблоке нашего каталога. Дадим ему код TSVETS и выведем в нашем каталоге для списка товаров: И накидаем картинок для какого-нибудь товара:

Добавляем в шаблон

Далее открываем на редактирование template.php шаблона catalog.section нашего каталога и добавляем следующий код:

Данный код позволяет нам обратиться к свойству типа файл TSVETS и отрезайзит детальную картинку до размера 300 пиксей в ширину если исходная картинка очень большая, что разгрузит нагрузку на трафик нашего списка товаров. Далее подключаем js скрипт который позволит заменять основную картинку превьюшками при клике

— данный код подставит ID конкретного товара, так как он уникален для каждого из них И собственно, выводим большую картинку и ссылки на отресайзенные превью картинок. Саму превью уменьшаем до 30 пикселей в ширину а ее большую копию, которой будет заменяться основная картинка до 300-сот.

Михаил Базаров

В общем-то все. Данным методом можно выводить и дополнительные картинки в списке новостей Битрикс не забывая заменить arElement на arItem. Надеюсь написал не очень сумбурно, с вопросами прошу в комментарии.

Форум

Здравствуйте, подскажите как сделать несколько фотографий в детальном просмотре товара. В параметрах добавляю свойство типа «файл» ( подобно тому как указано в инструкции по созданию каталога товаров), добавляю товар + добавляю туда фотографии, но при детальном просмотре товара отображается все параметры кроме фотографий. Почему?

Заглянувший
Сообщений: 8 Баллов: 1 Регистрация: 13.11.2007
17.01.2008 13:19:39

Поставлю вопрос по другому. Есть така штука в детальном просмотре как [‘CATALOG_MORE_PHOTO’] = «Еще фото»; вот как её активировать, как добавить дополнительное фото?! Всю голову сломал! Помогите, оч. надо. 1

Посетитель
Сообщений: 52 Баллов: 7 Регистрация: 03.09.2007
17.01.2008 15:52:34

Создай свойство типа «Файл» и поставь галку «Множественное» появится возможность добавлять несколько фоток.

Заглянувший
Сообщений: 8 Баллов: 1 Регистрация: 13.11.2007
17.01.2008 16:08:04

Цитата
Владимир Кузин пишет: Создай свойство типа «Файл» и поставь галку «Множественное» появится возможность добавлять несколько фоток.

Делал. Ни чего не получилось. Прописал вручную свойство в «Элемент каталога детально». Появилось, но отображается в списке в виде ссылок «Загрузить» ((

Заглянувший
Сообщений: 15 Баллов: 1 Регистрация: 11.10.2006
18.10.2008 18:05:06

Цитата
Владимир Кузин пишет: Создай свойство типа «Файл» и поставь галку «Множественное» появится возможность добавлять несколько фоток.

Делаешь как написано выше и называешь свойство MORE_PHOTO. Тогда в шаблоне по этому названию твои фотки будут внизу выводиться.

Тут другая тема — мне например понравилась идея с добавлением только большой фотографии (детального описания) и можно поставить галочку чтобы маленькая фотография (превью) генерировалась из большой.

Однако возник такой затык:

1. при изменении параметра уменьшения (например было «200px по ширине», а сделали «300 px по ширине») — все уже уменьшенные картинки не перегенирируются из больших — придется писать свою функцию.

2. С MORE_PHOTO мне по идее тоже нужны маленькие фотки, где их взять, как автоматически генерировать? Думаю придеться делать еще одно свойство MORE_PHOTO_SMALL (типа файл, множественное) и самому его заполнять еще одной самописной функцией.

Постоянный посетитель
Сообщений: 51 Баллов: 10 Регистрация: 27.12.2008
16.06.2009 20:03:55

Цитата
varenik пишет: 2. С MORE_PHOTO мне по идее тоже нужны маленькие фотки, где их взять, как автоматически генерировать? Думаю придеться делать еще одно свойство MORE_PHOTO_SMALL (типа файл, множественное) и самому его заполнять еще одной самописной функцией.

Цитата

varenik пишет:
2. С MORE_PHOTO мне по идее тоже нужны маленькие фотки, где их взять, как автоматически генерировать? Думаю придеться делать еще одно свойство MORE_PHOTO_SMALL (типа файл, множественное) и самому его заполнять еще одной самописной функцией.

В Битриксе есть недокументированная функция CFile::ResizeImageFile(). Я тоже как-то интересовался ресайзингом изображений. Вот что мне ответила техподдержка:

Посетитель
Сообщений: 25 Баллов: 3 Регистрация: 10.06.2008
19.10.2009 15:39:08
А расскажите пожалуйста подробней об этой функции Всё разобраться не могу с ней
Заглянувший
Сообщений: 2 Баллов: 1 Регистрация: 23.02.2020
11.03.2023 19:07:44

Разобрался, наконец, как добавить дополнительные картинки в карточку товара.

1. Открываем урок Как поменять картинки в товарах каталога: https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=42&LESSON_ID=13596&LESS.
2. Находим следующий текст: Групповое редактирование (не подходит для свойств товара, которые могут содержать несколько картинок, т.е. для свойств типа файл со множественным выбором); — наводим мышку на гиперссылку файл. Откроется инструкция как создать Свойство товаров типа «файл».
3. После того, как вы выполнили предыдущий шаг нажмите Изменить элемент на любом вашем товаре и посмотрите в самом низу вкладки Элемент — должно появиться новое поле Картинки галереи. Сюда, собственно, и надо будет подгружать дополнительные картинки.
4. Теперь откройте Параметры компонента Каталог и убедитесь в том, что в разделе Внешний вид в подразделе Дополнительная картинка основного товара: выбрано MORE_PHOTO.

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

Дополнительные картинки в новостях Битрикс, почти фотогалерея.

Частенько стоит задача, по мимо стандартных «Картинка для анонса» и «Детальная картинка», добавить возможность загрузки изображений в новости Битрикс. Чтобы вывести дополнительные картинки в bitrix:news изначально такой возможности не заложено. Исправим это, а заодно и превратим шаблон «Новости и статьи» в что-то вроде фотогалереи с эффектом fancybox

ВАЖНО.
Эта заметка написана в далеком 2013-ом году. Она вполне работоспособна, но есть более свежая и актуальная версия. Лучше, воспользуйтесь ею.
Фотогалерея на базе компонента новостей, с fancybox.

По интернету ходит вполне подробная инструкция по добавлению и выводу дополнительных изображений в новостях- ею и воспользуемся :

Для вывода дополнительных изображений в элементах информационного блока (т.е. изображений кроме PREVIEW_PICTURE и DETAIL_PICTURE) необходимо создать дополнительное свойство типа ФАЙЛ с кодом MORE_PHOTO.

Дополнительные картинки в новостях Битрикс

Нужно в шаблоне news.detail добавить в файл result_modifier.php следующий код:

Тем самым мы сможем обращаться к массиву фотографий также, как это происходит в шаблоне каталога: $arResult[«MORE_PHOTO»].

Далее копируем код из шаблона каталога для вывода изображений в шаблон новостей news.detail:

0):?> » width=»» height=»» alt=»» title=»» />

После этого подгруженные изображения будут отображаться при выводе новостей. Правда таким образом выводить изображения навтрятли кто станет, ведь они выводятся в реальном размере и могут сильно попортить дизайн сайта. Чтобы этого не происходило применяют следующую функцию.

CFile::ResizeImageGet

Вот что говорится в официальной документации: Функция уменьшает картинку и размещает уменьшенную копию в папку /upload/resize_cache/путь. Один раз уменьшив изображение получаем физический файл, который позволяет при последующих обращениях не проводить операции по уменьшению изображения. При следующем вызове функция вернет путь к уменьшенному файлу.

Таким образом нам достаточно немного подправить код:

И мы получаем список превьюшек с ссылками на оригиналы. В итоге при добавлении новости просто выбираем изображения при добавлении статьи или новости: