Коллажи на главной странице берутся из инфоблока. В административной панели сайта он находятся по пути:
Администрирование – Контент – Информация - Блок с баннерами на главной
Инфоблок не появляется при обновлении решения, только если вы установили сайт в первый раз, поэтому архив с XML можно скачать тут (кодировка cp1251)
Располагаются они на сайте по порядку сортировки (по возрастанию)
Детальная картинка – это сам баннер
В детальное описание сам текст
На сайте это выглядит так:
1 ) 358 ширина, 478 высота.
2 ) 357 ширина, 228 высота.
3 ) 357 ширина, 228 высота.
4 ) 263 ширина, 478 высота.
5 ) 444 ширина, 228 высота.
6 ) 444 ширина, 228 высота.
Учитывайте, что область картинки на которой располагается текст, не должна содержать сложный фон и должна быть контрастна цвету текста, чтобы сохранить читабельность текста и кнопки.
Текст на баннерах можно сделать либо белым либо черным, зависит это от выбранного класса, который прописывается в детальном описании элемента
<div class="text-wrap">
<a href="#" class="name">Заголовок</a>
<div class="descr">Описание</div>
<a href="#" class="btn-simple btn-micro">Текст кнопки</a>
</div>
<div class="text-wrap text-wrap-white">
<a href="#" class="name">Заголовок</a>
<div class="descr">Описание</div>
<a href="#" class="btn-simple btn-micro">Текст кнопки</a>
</div>
<a href="#" class="btn-simple btn-black btn-micro">текст кнопки</a>
Учитывайте, что нужно придерживаться заданным длинам текста, если Вы разместите слишком длинные описания и названия, то лишний текст у Вас просто обрежется.
Если Вы напишите слишком длинное название на кнопке, то она станет некрасивой и растянутой.
Также придерживайтесь заданных размеров изображения во избежание неправильного отображения баннеров.
Если вы обновились, то вам нужно разместить сам компонент, на главной странице. Для этого нужно использовать компонент bitrix:news.list с шаблоном indexBanners
Ниже пример вызова компонента
<?$APPLICATION->IncludeComponent("bitrix:news.list", "indexBanners", array(
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"ADD_SECTIONS_CHAIN" => "N",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "A",
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"DISPLAY_BOTTOM_PAGER" => "N",
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"FIELD_CODE" => array(
0 => "ID",
1 => "CODE",
2 => "XML_ID",
3 => "NAME",
4 => "TAGS",
5 => "SORT",
6 => "PREVIEW_TEXT",
7 => "PREVIEW_PICTURE",
8 => "DETAIL_TEXT",
9 => "DETAIL_PICTURE",
10 => "DATE_ACTIVE_FROM",
11 => "ACTIVE_FROM",
12 => "DATE_ACTIVE_TO",
13 => "ACTIVE_TO",
14 => "SHOW_COUNTER",
15 => "SHOW_COUNTER_START",
16 => "IBLOCK_TYPE_ID",
17 => "IBLOCK_ID",
18 => "IBLOCK_CODE",
19 => "IBLOCK_NAME",
20 => "IBLOCK_EXTERNAL_ID",
21 => "DATE_CREATE",
22 => "CREATED_BY",
23 => "CREATED_USER_NAME",
24 => "TIMESTAMP_X",
25 => "MODIFIED_BY",
26 => "USER_NAME",
27 => "",
),
"FILTER_NAME" => "",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"IBLOCK_ID" => "64",
"IBLOCK_TYPE" => "info",
"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
"INCLUDE_SUBSECTIONS" => "Y",
"MESSAGE_404" => "",
"NEWS_COUNT" => "6",
"PAGER_BASE_LINK_ENABLE" => "N",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => ".default",
"PAGER_TITLE" => "Банеры",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"PROPERTY_CODE" => array(
0 => "",
1 => "",
),
"SET_BROWSER_TITLE" => "N",
"SET_LAST_MODIFIED" => "N",
"SET_META_DESCRIPTION" => "N",
"SET_META_KEYWORDS" => "N",
"SET_STATUS_404" => "N",
"SET_TITLE" => "N",
"SHOW_404" => "N",
"SORT_BY1" => "SORT",
"SORT_BY2" => "SORT",
"SORT_ORDER1" => "ASC",
"SORT_ORDER2" => "ASC",
"STRICT_SECTION_CHECK" => "N",
"COMPONENT_TEMPLATE" => "indexBanners"
),
false,
array(
"ACTIVE_COMPONENT" => "Y"
)
);?>
Данный код, нужно вставить в файле index.php в корне сайта (главная страница)
Над компонентом dresscode:offers.product
После того, как вы вставите код, вам нужно будет настроить компонент на ваш инфоблок.