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

Заказать создание сайта mihail@bazarow.ru

Администратор

Сообщений: 1233 Авторитет: 5 Регистрация: 7 Ноября 2013

17 Сентября 2014 23:43:48

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

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

Владмир Гость	#2 0 17 Сентября 2014 23:43:48 День добрый! Хотелось бы еще узнать как вывести в шаблоне элемента изображения из множественного свойстсва?

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

Администратор

Сообщений: 1233 Авторитет: 5 Регистрация: 7 Ноября 2013

18 Сентября 2014 10:14:26

Цитата
Владмир пишет: День добрый! Хотелось бы еще узнать как вывести в шаблоне элемента изображения из множественного свойстсва?

Так это оно и есть. Множественное свойство типа ФАЙЛ-изображение

Гость сайта Гость	#4 0 17 Ноября 2014 12:41:53 Подходит ли этот метод для старого каталога 12 версии редакции стандарт?

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

Администратор

Сообщений: 1233 Авторитет: 5 Регистрация: 7 Ноября 2013

17 Ноября 2014 13:25:24

Цитата
Гость сайта пишет: Подходит ли этот метод для старого каталога 12 версии редакции стандарт?

Для любой версии подходит

Гость сайта Гость	#6 0 17 Февраля 2015 14:55:41 Подскажите как вывести эти картинки в полноразмерном формате во всплывающем окне?

Guest

Гость

13 Мая 2015 15:21:05

Михаил добрый день! С битриксом знаком совсем недавно, совсем новичок! Я извиняюсь за ту..... просмотрел много информации по поводу "обработки фото" не помогло. Задача заключается в том, что-бы при загрузке картинок они обрабатывались и устанавливался фиксированный размер (width,height) Использую на примере дополнительных фото (свойства) Но если загружаю картинки разного размера шаблон расходиться. (см.рис)
Если есть возможность подскажите в чем ошибка,заранее огромное спасибо!
Исходник:

Код

<div class="property-slider">
                <div id="property-images" class="flexslider">
                  <ul class="slides">
                    <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?> 
               <li class="item"> <img src="<?=$PHOTO["SRC"]?>" alt=""> </li>
               <?endforeach?>
                  </ul>
                </div>
                <div id="property-thumbs" class="flexslider">
                  <ul class="slides">
              <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
              <li class="item"> <img src="<?=$PHOTO["SRC"]?>" alt=""> </li>
              <?endforeach?>
                  </ul>
                </div>
</div>

Ваш код

Код

<a href="<?=$arElement["DETAIL_PAGE_URL"]?>"> 
<div class="img"> 
<img src="<?echo $renderPered["src"]?>" id="bigImg<?=$arElement["ID"]?>"/> 
</div> 
</a> 


<div class="smalls thumbs<?=$arElement["ID"]?>">   
<? 
$LINE_ELEMENT_COUNT = 2; //выводим картинки 
if(count($arElement["TSVETS"])>0): 
?> 
<?foreach($arElement["TSVETS"] as $PHOTO):?> 
<? $renderfile = CFile::ResizeImageGet($PHOTO, array('width'=>300), BX_RESIZE_IMAGE_EXACT, true); ?> 
<? $renderprewfile = CFile::ResizeImageGet($PHOTO, array('width'=>40, 'height'=>'34'), BX_RESIZE_IMAGE_EXACT, true); ?> 
<div class="its"> 
<a href="<?=$renderfile["src"]?>"> 
<img src="<?=$renderprewfile["src"]?>"/> 
</a> 
</div> 
<?endforeach?> 
<?endif?> 
</div>

сам код использования на сайте

Код

<div class="property-slider">
                <div id="property-images" class="flexslider">
                  <ul class="slides">
                    <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?> 
               <? $renderfile = CFile::ResizeImageGet($PHOTO, array('width'=>300), BX_RESIZE_IMAGE_EXACT, true); ?> 
               <li class="item"> <img src="<?=$renderprewfile["src"]?>" alt=""> </li>
               <?endforeach?>
                  </ul>
                </div>
                <div id="property-thumbs" class="flexslider">
                  <ul class="slides">
              <?foreach($arResult["MORE_PHOTO"] as $PHOTO):?>
              <? $renderprewfile = CFile::ResizeImageGet($PHOTO, array('width'=>40, 'height'=>'34'), BX_RESIZE_IMAGE_EXACT, true); ?>
              <li class="item"> <img src="<?=$renderprewfile["src"]?>" alt=""> </li>
              <?endforeach?>
                  </ul>
                </div>
</div>

Androsov Nikita Пользователь Сообщений: 14 Авторитет: 3 Регистрация: 15 Июня 2017	#8 0 31 Июля 2017 18:01:33 Было бы великолепно, если бы Вы показали, как добавлять в список элементов каталога цвета из Highload-блока. =)

Pavel Пользователь Сообщений: 2 Авторитет: 4 Регистрация: 2 Ноября 2016	#9 0 15 Февраля 2018 15:42:31 Все работает, спасибо ... У меня такой вопрос, есть ли возможность ресайзить еще при загрузке доп. фото сразу, туповаты у меня контент менеджеры.

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

Администратор

Сообщений: 1233 Авторитет: 5 Регистрация: 7 Ноября 2013

#10

16 Февраля 2018 00:46:55

Цитата
Pavel написал: Все работает, спасибо ... У меня такой вопрос, есть ли возможность ресайзить еще при загрузке доп. фото сразу, туповаты у меня контент менеджеры.

При загрузке нет, но можно ресайзить при выводе. Вот так https://camouf.ru/blog-note/833/
Технически можно и обработчик сделать, в init.php на событие обновления раздела- но это уже сложнее да и ни к чему- из за картинок захломлять init.php

Pavel

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

Сообщений: 2 Авторитет: 4 Регистрация: 2 Ноября 2016

#11

16 Февраля 2018 10:10:09

Цитата

Михаил Базаров написал:

Цитата
Pavel написал: Все работает, спасибо ... У меня такой вопрос, есть ли возможность ресайзить еще при загрузке доп. фото сразу, туповаты у меня контент менеджеры.

Ок, спасибо ...

Читают тему (гостей: 1)

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

Войти на сайт