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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сообщений: 871 Регистрация: 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>

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

Форум о Битрикс: