Эта инструкция поможет вам настроить вывод разделов и категорий с превью последней добавленной фотографии на главную страницу фотоальбома.

1. Настройка фотоальбома
2. Создание и настройка информера
3. Установка кода информера и редактирование шаблона главной страницы модуля "Фотоальбомы"
4. Редактирование информера

Настройка фотоальбома

Чтобы информер отображал последние добавленные фотографии в разделах и категориях, необходимо задать соответствующий способ сортировки.

Перейдите в Панель управления → Модули → Фотоальбомы → Настройки → Материалы → Сортировка по умолчанию. Установите сортировку по дате добавления материала в порядке убывания как для разделов, так и для альбомов. Сохраните изменения.

Создание и настройка информера

Перейдите в Панель управления → Инструменты → Информеры → Добавить.

Основные настройки

• Название информера — укажите любое удобное название.
• Раздел сайта — Фотоальбомы.
• Подгружаемые данные — Категории.
• Количество колонок — рекомендуется 5. Однако при узком дизайне или неудобном отображении вы можете изменить значение в любой момент.

Расширенные настройки

• ID раздела, категории которого необходимо вывести — заполняется только в случае, если необходимо отобразить на главной только определённые категории. Укажите ID категорий через запятую. ID можно посмотреть на странице категорий фотоальбома.

Шаблон

Вставьте в поле шаблона следующий код:

<span class="photo-block">
 <span class="ph-wrap"><a class="gallaw" href="$CATEGORY_URL$"><span id="c$NUMBER$" class="galdow"> </span></a></span>
 <span class="ph-details ph-js-details"> $CATEGORY_NAME$</span>
 <script type="text/javascript">
 $(function(){
 $.get("$CATEGORY_URL$", function(data){
 var img = $(data).find('.phtTdMain:first').find('img');
 $('#c$NUMBER$').html(img);
 });
 });
 </script>
</span></span>

Нажмите кнопку «Добавить», чтобы сохранить информер.

После сохранения вы будете перенаправлены на страницу со списком информеров.

Скопируйте код созданного информера (например, $MYINF_10$). У вас будет свой номер — ориентируйтесь на него.

Установка кода информера и редактирование шаблона главной страницы модуля "Фотоальбомы"

Перейдите в Панель управления → Дизайн → Редактор → CSS и в самый низ вставьте следующий код:

.gallaw, .catsTdI {
 font:12px/14px Arial, Helvetica, sans-serif;
 color:#a0bff0;
 overflow: inherit;
}
.galdow {
 display:block;
 height:155px;
 width:155px;
 padding: 20px;
}
.galdow img {
 width:155px;
 height:155px;
}

Теперь перейдите в Дизайн → Редактор → Фотоальбомы → Главная страница. Найдите и удалите следующий код:

<?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<br /><?endif?>
$PAGE_SELECTOR1$

Затем найдите переменную $BODY$ и замените её на код информера — $MYINF_х$ (вместо х — номер вашего информера). После этого сохраните шаблон.

Редактирование информера

Редактирование информера может понадобиться для изменения количества колонок, адаптации шаблона под собственные нужды, а также для ручного обновления.

Перейдите в Панель управления → Инструменты → Информеры → выберите нужный информер из списка → нажмите Редактировать.

Если хотите увидеть изменения сразу — просто сохраните информер без изменений.

В результате на главной странице модуля "Фотоальбомы" будут отображаться превью последних добавленных фотографий в категориях. Под превью будет указано название категории.