Управление дизайном модуля «Фотоальбомы»

Управление дизайном модуля «Фотоальбомы»

С помощью данной инструкции вы научитесь управлять внешним видом модуля «Фотоальбомы». Управление дизайном требует навыков в работе с HTML. Если вы не уверены в своих силах, обратитесь за помощью к специалистам.

За отображение всех страниц модуля отвечают шаблоны:

Если включена PDA-версия сайта, то для нее будут отображены свои шаблоны модуля:

В каждом из шаблонов модуля используется свой набор переменных. Они могут выполнять разные функции и выводить различную информацию. При работе с шаблоном вы можете в любой момент посмотреть список действующих переменных, нажав на значок в редакторе:

Главная страница фотоальбома

Главная страница содержит перечень уменьшенных фотографий. За отображение перечня отвечает переменная $BODY$. Количество фотографий в перечне регулируется настройкой «Количество отображаемых материалов».

С помощью переключателя страниц $PAGE_SELECTOR$ можно предоставить возможность просмотра всех добавленных фотографий с главной страницы.

Если вы используете разделы или категории, то переменная $CATEGORIES$ выведет их в любом месте шаблона. Переменная покажет перечень категорий и разделов, которые находятся в корне сайта (не вложены в разделы). Чтобы изменить вид категорий и разделов, измените настройки «Внешний вид» / «Разделы и категории».

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

Страница со списком фотографий раздела

На странице отображается список фотографий раздела. За их вывод отвечает переменная $BODY$. Данный шаблон может не использоваться на сайте, если ранее не было добавлено ни одного раздела.

Как и на главной странице, $PAGE_SELECTOR$ покажет переключатель страниц, а $CATEGORIES$ — список вложенных в раздел категорий.

C помощью $SORTING_MENU$ на страницах разделов можно отобразить меню для сортировки файлов. В разделе настроек «Внешний вид» / «Меню сортировки» вы сможете самостоятельно настроить вид меню.

Чтобы пользователи могли фильтровать изображения, убедитесь, что в шаблоне включена переменная $FILTER1_MENU$ или $FILTER2_MENU$. 

Информация о разделе выводится с помощью переменных $SECTION_NAME$, $SECTION_DESCR$, $SECTION_URL$. Значения этих переменных определяются при создании разделов.

Страница со списком фотографий категории

Страница со списком фотографий категории используется в модуле всегда, потому что категория является обязательной при добавлении изображения в модуль «Фотоальбомы».

В шаблоне действуют те же переменные, что и в разделе: $BODY$, $PAGE_SELECTOR$, $SORTING_MENU$, $FILTER1_MENU$.

Поскольку в категориях не может быть вложенных категорий, переменная $CATEGORIES$ в данном шаблоне не используется. 

Чтобы отобразить информацию о родительском разделе, используйте переменные $SECTION_NAME$, $SECTION_DESCR$, $SECTION_URL$.

Информация о категории выводится с помощью переменных $CAT_NAME$, $CAT_DESCR$, $CAT_URL$. Значения этих переменных определяются при создании категорий.

Страница с полной фотографией и комментариями

В шаблоне «Страница с полной фотографией и комментариями» размещается информация, которая вводилась при добавлении изображения в фотоальбом, например: краткое описание, название, фильтры или дополнительные поля. За каждое поле отвечает своя переменная, которая может быть размещена в любом месте шаблона.

Если при добавлении изображения была активирована настройка «Комментирование», то на странице будет показана форма добавления комментариев. За вид комментариев и формы добавления отвечают шаблоны в разделе «Дизайн» / «Редактор» / «Комментарии».

Специфические коды, которые доступны в модуле «Фотоальбомы»:

  • $FULL_PHOTO_DIRECT_URL$. Прямая ссылка на файл фотографии в полном размере (если фотография больше 500x500).
  • $FULL_PHOTO_URL$. Ссылка на страницу с фотографией в полном размере (если фотография больше 500x500).
  • $NEAR_PHOTOS$. Демокартинки с возможностью быстрого переключения.

  • $OTHER_PHOTOS$. Ссылки на другие фотографии текущего альбома.

  • $PHOTO_DESCR$, $PHOTO_NAME$,  $PHOTO_NAME$. Описание, название и прямая ссылка на фотографию.
  • $PHOTO_SIZE$. Размеры фотографии в пикселях (ширина и высота).
  • $PHOTO_WEIGHT$. Размер фотографии на диске (в килобайтах).
  • $SLIDESHOW$. Переменная выводит слайдшоу из фотографий категории на Flash.

  • $SLIDESHOW_BUTTON$. Кнопка запуска слайдшоу.
  • $THUMBNAIL_URL$. Прямая ссылка на файл с демофотографией.

Вид фотографий

Шаблон «Вид фотографий» отвечает за вид изображений в перечнях. Все добавленные на сайт изображения, в соответствии с заданным в шаблоне видом, помещаются в переменную $BODY$, которая используется в шаблонах: 

  • Главная страница модуля
  • Страница категорий и разделов
  • Страница поиска и рейтинга материалов

В шаблоне «Вид фотографий» может быть размещено любое поле фотографии. Задача администратора сайта представить фотографию в компактном виде. Это позволит посетителям быстро просматривать списки и выбирать подходящие для более детального ознакомления.

Страница добавления фотографии

Шаблон страницы рейтинга и поиска фотографий отвечает за отображение нескольких типов страниц: страницы поиска, страницы рейтинга, страницы фотографий пользователей. 

Страница поиска фотографий. Это страница, на которой отображается перечень изображений (шаблон «Вид материалов»), соответствующий поисковому запросу пользователя. Чтобы попасть на эту страницу, пользователь должен ввести запрос в форму поиска по модулю $MODULE_SEARCH_FORM$ на любой странице модуля. При этом в переменную $SECTION_NAME$ будет помещен поисковый запрос: «Поиск[поисковый запрос]».

Страница рейтинга фотографий

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

  • $TOP_COMMS_URL$ — ссылка на список фотографий, отсортированных по количеству комментариев
  • $TOP_NEW_URL$ — ссылка на список фотографий, отсортированных по дате добавления
  • $TOP_RATING_URL$ — ссылка на список фотографий, отсортированных по рейтингу
  • $TOP_READS_URL$ — ссылка на список фотографий, отсортированных по количеству просмотров

Страница фотографий пользователя. Выводит список фотографий, которые были добавлены пользователем. Перейти на эту страницу можно из профиля пользователя, где действуют переменные $_PHOTO_ACTIVITY_URL$ (ссылка на страницу с перечнем добавленных фотографий) и $_PHOTO_ENTRIES$ (количество добавленных фотографий).

За вывод материалов отвечает переменная $BODY$. Как и на главной странице, $PAGE_SELECTOR$ покажет переключатель страниц.

Страница добавления/редактирования материала

Главным содержимым страницы является форма добавления фотографии. Ее вид задается с помощью набора полей в настройках модуля. Все поля формы выводятся с помощью переменной $BODY$:

Страница входа в приватный альбом

Приватность альбома (категории) задается при его создании или редактировании:

После установки пароля пользователи при посещении категории будут видеть страницу:

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

Страница фотографии во всплывающем окне

Шаблон работает при включенных настройках «Использовать функцию "LightBox" в категориях», «Вид галереи: Новая», «Показывать страницу фото в лайтбоксе»:

Теперь при нажатии на фотографию в списке подробная информация о ней выводится во всплывающем окне:

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

Форма добавления/редактирования фотографии

В данном шаблоне вы найдете весь список полей которые подключаются или отключаются в настройках модуля. В этом шаблоне вы можете изменить порядок полей просто переместив код нужного поля и установив перед другим где это необходимо.

Например возьмем поле "Краткое описание", за него в форме добавления и редактирования отвечает код:

<?if($BRIEF_FL$)?> <li id="phM13"><label for="description1">$BRIEF_SIGN$:</label><li id="phM14">$BRIEF_FL$<?endif?>

Копируем этот код или другого нужного поля, после вставляем в нужно порядке перед другим полем, главное, чтобы вы соблюдали структуру данного шаблона. Встраивать код нужно между другими полями (после) тегов:

<li class="notcolumn"><?endif?>

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

Таблица стилей (CSS)

Модуль «Фотоальбомы» имеет собственный CSS-файл, который подключается автоматически. Данный файл действует только в пределах модуля «Фотоальбомы». Таким образом можно указать стили оформления только для модуля «Фотоальбомы», не опасаясь, что они будут влиять на другие модули сайта или снизят скорость загрузки остальных страниц сайта.

В данном шаблоне код указывается на чистом CSS, а не HTML, как в других шаблонах. 

Еще одна особенность шаблона состоит в том, что какие-либо переменные в нем отсутствуют.

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

Если в процессе правки одного из шаблонов вы захотите отменить внесенные изменения, воспользуйтесь кнопкой «Восстановить стандартный шаблон»:

Управление дизайном модуля «Фотоальбомы»