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

Для этого создадим пользовательское поле для раздела

Назовем его UF_DOP_F

Вот так оно будет выглядеть при редактировании раздела

Теперь эти картинки нужно как-то вывести когда мы заходим внутрь раздела.

Это будет шаблон catalog.section

Добавим вот такой код. Этот код получает пользовательское свойство Битрикс UF_DOP_F и выводит картинки:

$arFilter = Array('IBLOCK_ID'=>$arResult['IBLOCK_ID'],'ID'=>$arResult['ID'], 'GLOBAL_ACTIVE'=>'Y');
$db_list = CIBlockSection::GetList(Array("timestamp_x"=>"DESC"), $arFilter, false, Array("UF_DOP_F"));
if($uf_value = $db_list->GetNext()):
//print_r($uf_value[UF_DOP_F]); // тут наши доп картинки
foreach($uf_value[UF_DOP_F] as $dopF)
{
$URLf = CFile::GetPath($dopF);
echo "<img src="/.$URLf." >";
}

endif;

...просто выводит картинки не группируя их.

Чтобы они группировались можно использовать разные способы.

Можно воспользоваться этим https://sorgalla.com/jcarousel/examples/basic/#1



Я сделаю немного по-другому. Т.к. я использовал LightBox для увеличения картинок по клику(эта статья), то и группировать картинки буду им.

Для этого при выводе картинок мне будет достаточно указать data-lightbox="data1", где data1 ставлю всем картинкам которые хочу сгруппировать.

Код:

$arFilter = Array('IBLOCK_ID'=>$arResult['IBLOCK_ID'],'ID'=>$arResult['ID'], 'GLOBAL_ACTIVE'=>'Y');
$db_list = CIBlockSection::GetList(Array("timestamp_x"=>"DESC"), $arFilter, false, Array("UF_DOP_F"));
if($uf_value = $db_list->GetNext()):
//print_r($uf_value[UF_DOP_F]); // тут наши доп картинки
foreach($uf_value[UF_DOP_F] as $dopF)
{
// echo $dopF, "<br>";
$URLf = CFile::GetPath($dopF);
//echo "<img src="/.$URLf." >";
?><a href="/<? echo $URLf; ?>" data-lightbox="data1" data-title="<?=$arResult["NAME"] ?>"><img style="height:400px; display: none;" src="/<? echo $URLf; ?>" width=400px></a> <?

}

endif;

Все теперь при нажатии на главную картинку будет возможность просмотреть все доп картинки:

Добавить комментарий


Защитный код
Обновить