Ну в веб-дизайне я совсем не новичок, но вот в битриксе еще и года нету
И все время появляются новые и новые вопросы.По мере их появления буду писать о решениях ![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
При работе над битриксом столкнулся с новой проблемой (как до это не всплывал эта тема) а именно - вывод миниатюре при отображении подразделов в каталоге.
Вроде все должно было сработать как часы (настроил поля подразделов в инфо-блоке, загрузил фото в описание разделов) - однако "не выходил у Данилы-мастера, каменный цветок".
Картинку получалась примерно следующая, а ведь хотелось бы чтобы подразделы так же отображались как картинки.
Средние и Тяжелые танки это разделы. Т-26 и БТ-7 выведены отдельными элементами.
![](https://site-cloud-files.bitrix.info/resize_cache/490379/c966492ed92d8ea385e534335d33d7d6/blog/48b/225.jpg)
Прямые поиски по форуму информации не дали результата, пришлось читать документацию :|И весьма скоро была найдена первая зацепка - за вывод подразделов отвечает не сам компанент Catalog, а одна из его частей - bitrix.catalog.section.list
![](https://site-cloud-files.bitrix.info/blog/893/227.jpg)
Стал изучать его код
Оказалось что в его коде нету никого упоминания о изображения - вообще
Пришлось добавить![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
Добавил в код следующее <img src="<?=$arSection["PICTURE"]["SRC"]?>"?> сразу после ссылки.
И получилось следующее
Картинка получилась следующей
![](https://site-cloud-files.bitrix.info/resize_cache/490382/c966492ed92d8ea385e534335d33d7d6/blog/702/228.jpg)
Что нам и требовалось.
PS Конечно дальнейшая кастомизация не помешает
Главное что теперь есть что кастомизировать ![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
PSS Возможно существуют другие решения данной проблемы. Но тут какое решение нашел - то и написал![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
Всем спасибо кто читал![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
При работе над битриксом столкнулся с новой проблемой (как до это не всплывал эта тема) а именно - вывод миниатюре при отображении подразделов в каталоге.
Вроде все должно было сработать как часы (настроил поля подразделов в инфо-блоке, загрузил фото в описание разделов) - однако "не выходил у Данилы-мастера, каменный цветок".
Картинку получалась примерно следующая, а ведь хотелось бы чтобы подразделы так же отображались как картинки.
Средние и Тяжелые танки это разделы. Т-26 и БТ-7 выведены отдельными элементами.
![](https://site-cloud-files.bitrix.info/resize_cache/490379/c966492ed92d8ea385e534335d33d7d6/blog/48b/225.jpg)
Прямые поиски по форуму информации не дали результата, пришлось читать документацию :|И весьма скоро была найдена первая зацепка - за вывод подразделов отвечает не сам компанент Catalog, а одна из его частей - bitrix.catalog.section.list
![](https://site-cloud-files.bitrix.info/blog/893/227.jpg)
Стал изучать его код
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <div class="catalog-section-list"> <ul> <? $CURRENT_DEPTH=$arResult["SECTION"]["DEPTH_LEVEL"]+1; foreach($arResult["SECTIONS"] as $arSection): $this->AddEditAction($arSection['ID'], $arSection['EDIT_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_EDIT")); $this->AddDeleteAction($arSection['ID'], $arSection['DELETE_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_DELETE"), array("CONFIRM" => GetMessage('CT_BCSL_ELEMENT_DELETE_CONFIRM'))); if($CURRENT_DEPTH<$arSection["DEPTH_LEVEL"]) echo "<ul>"; elseif($CURRENT_DEPTH>$arSection["DEPTH_LEVEL"]) echo str_repeat("</ul>", $CURRENT_DEPTH - $arSection["DEPTH_LEVEL"]); $CURRENT_DEPTH = $arSection["DEPTH_LEVEL"]; ?> <li id="<?=$this->GetEditAreaId($arSection['ID']);?>"><a href="<?=$arSection["SECTION_PAGE_URL"]?>"> <?=$arSection["NAME"]?><?if($arParams["COUNT_ELEMENTS"]):?> (<?=$arSection["ELEMENT_CNT"]?>)<?endif;?></a></li> <?endforeach?> </ul> </div> |
<a href="<?=$arSection["SECTION_PAGE_URL"]?>"> <?=$arSection["NAME"]?><?if($arParams["COUNT_ELEMENTS"]):?> (<?=$arSection["ELEMENT_CNT"]?>)<?endif;?></a> |
Пришлось добавить
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
Добавил в код следующее <img src="<?=$arSection["PICTURE"]["SRC"]?>"?> сразу после ссылки.
И получилось следующее
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <div class="catalog-section-list"> <ul> <? $CURRENT_DEPTH=$arResult["SECTION"]["DEPTH_LEVEL"]+1; foreach($arResult["SECTIONS"] as $arSection): $this->AddEditAction($arSection['ID'], $arSection['EDIT_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_EDIT")); $this->AddDeleteAction($arSection['ID'], $arSection['DELETE_LINK'], CIBlock::GetArrayByID($arSection["IBLOCK_ID"], "SECTION_DELETE"), array("CONFIRM" => GetMessage('CT_BCSL_ELEMENT_DELETE_CONFIRM'))); if($CURRENT_DEPTH<$arSection["DEPTH_LEVEL"]) echo "<ul>"; elseif($CURRENT_DEPTH>$arSection["DEPTH_LEVEL"]) echo str_repeat("</ul>", $CURRENT_DEPTH - $arSection["DEPTH_LEVEL"]); $CURRENT_DEPTH = $arSection["DEPTH_LEVEL"]; ?> <li id="<?=$this->GetEditAreaId($arSection['ID']);?>"><a href="<?=$arSection["SECTION_PAGE_URL"]?>"><img src="<?=$arSection["PICTURE"]["SRC"]?>"?> <?=$arSection["NAME"]?><?if($arParams["COUNT_ELEMENTS"]):?> (<?=$arSection["ELEMENT_CNT"]?>)<?endif;?></a></li> <?endforeach?> </ul> </div> |
![](https://site-cloud-files.bitrix.info/resize_cache/490382/c966492ed92d8ea385e534335d33d7d6/blog/702/228.jpg)
Что нам и требовалось.
PS Конечно дальнейшая кастомизация не помешает
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
PSS Возможно существуют другие решения данной проблемы. Но тут какое решение нашел - то и написал
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)
Всем спасибо кто читал
![Шутливо ;)](/upload/main/smiles/3/bx_smile_wink.png)